🚶

apps/web/src/components/code-block.tsx

@@ -76,7 +76,7 @@ export function CodeBlock({
       code,
       lang,
       theme,
-      className: 'w-full text-wrap p-4 text-sm'
+      className: 'w-full text-wrap p-4 text-sm rounded-sm'
     }).then(setNodes)
   }, [code, lang, theme])
 
@@ -122,8 +122,8 @@ export function CodeBlock({
               <Button
                 variant='outline'
                 className={cn(
-                  'absolute right-4 px-2.5! opacity-0 group-hover:opacity-100 group-hover:duration-0 transition-opacity duration-150',
+                  'absolute right-2 px-2.5! opacity-0 group-hover:opacity-100 group-hover:duration-0 transition-opacity duration-150',
-                  numNewLines <= 1 ? 'top-[50%] translate-y-[-50%]' : 'top-4'
+                  numNewLines <= 1 ? 'top-[50%] translate-y-[-50%]' : 'top-2'
                 )}
                 onClick={onCopy}
               >

apps/web/src/components/example-usage.tsx

@@ -140,7 +140,7 @@ export function ExampleUsage() {
               <TabsTrigger
                 key={mcpClientTarget}
                 value={mcpClientTarget}
-                className='cursor-pointer'
+                className='cursor-pointer text-xs!'
               >
                 {mcpClientTargetLabels[mcpClientTarget]}
               </TabsTrigger>
@@ -208,7 +208,7 @@ export function ExampleUsage() {
               <TabsTrigger
                 key={framework}
                 value={framework}
-                className='cursor-pointer'
+                className='cursor-pointer text-xs!'
               >
                 {pyFrameworkTargetLabels[framework]}
               </TabsTrigger>
@@ -240,7 +240,7 @@ export function ExampleUsage() {
               <TabsTrigger
                 key={httpTarget}
                 value={httpTarget}
-                className='cursor-pointer'
+                className='cursor-pointer text-xs!'
               >
                 {httpTargetLabels[httpTarget]}
               </TabsTrigger>