diff --git a/src/components/products/CodeBlock/CodeBlock.tsx b/src/components/products/CodeBlock/CodeBlock.tsx
index 8071698..69d5dc7 100644
--- a/src/components/products/CodeBlock/CodeBlock.tsx
+++ b/src/components/products/CodeBlock/CodeBlock.tsx
@@ -23,7 +23,7 @@ export function CodeBlock({ code, className }: CodeBlockProps) {
   return (
     <div
       className={cn(
-        'relative flex items-center gap-3 rounded-lg bg-muted/50 border border-border px-4 py-3 font-mono text-sm',
+        'relative flex items-center gap-3 rounded-lg bg-muted/50 border border-border px-4 py-3 font-mono text-xs sm:text-sm',
         className,
       )}
     >
diff --git a/src/routes/products/vibes.tsx b/src/routes/products/vibes.tsx
index 9e7572d..71cd40c 100644
--- a/src/routes/products/vibes.tsx
+++ b/src/routes/products/vibes.tsx
@@ -53,7 +53,7 @@ function VibesPage() {
           </div>
 
           <div className="flex items-center justify-center gap-4">
-            <Button asChild size="lg">
+            <Button asChild size="lg" className="h-10 px-5 text-sm sm:h-12 sm:px-7 sm:text-base">
               <a
                 href="https://github.com/run-vibes/vibes"
                 target="_blank"
@@ -62,7 +62,12 @@ function VibesPage() {
                 Star on GitHub
               </a>
             </Button>
-            <Button variant="outline" asChild size="lg">
+            <Button
+              variant="outline"
+              asChild
+              size="lg"
+              className="h-10 px-5 text-sm sm:h-12 sm:px-7 sm:text-base"
+            >
               <a
                 href="https://github.com/run-vibes/vibes#readme"
                 target="_blank"