diff --git a/apps/apollo-vertex/content/docs/components/aspect-ratio.mdx b/apps/apollo-vertex/content/docs/components/aspect-ratio.mdx
index 933b30232..eeb4b72a9 100644
--- a/apps/apollo-vertex/content/docs/components/aspect-ratio.mdx
+++ b/apps/apollo-vertex/content/docs/components/aspect-ratio.mdx
@@ -6,7 +6,7 @@ description: "Displays content within a desired ratio."
 import { AspectRatio } from '@/registry/aspect-ratio/aspect-ratio'
 
 <Preview>
-  <div className="w-[450px]">
+  <div className="w-full max-w-[450px]">
     <AspectRatio ratio={16 / 9} className="bg-muted rounded-lg overflow-hidden">
       <img
         src="https://images.unsplash.com/photo-1588345921523-c2dcdb7f1dcd?w=800&dpr=2&q=80"
diff --git a/apps/apollo-vertex/content/docs/components/carousel.mdx b/apps/apollo-vertex/content/docs/components/carousel.mdx
index 76064e855..b41545e3c 100644
--- a/apps/apollo-vertex/content/docs/components/carousel.mdx
+++ b/apps/apollo-vertex/content/docs/components/carousel.mdx
@@ -6,7 +6,7 @@ description: "A carousel with motion and swipe built using Embla."
 import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from '@/registry/carousel/carousel'
 import { Card, CardContent } from '@/registry/card/card'
 
-<Preview className="flex justify-center">
+<Preview className="flex justify-center px-14">
   <Carousel className="w-full max-w-xs">
     <CarouselContent>
       {[1, 2, 3, 4, 5].map((num) => (
diff --git a/apps/apollo-vertex/content/docs/components/tabs.mdx b/apps/apollo-vertex/content/docs/components/tabs.mdx
index 4ea29eb2d..22e4f61e4 100644
--- a/apps/apollo-vertex/content/docs/components/tabs.mdx
+++ b/apps/apollo-vertex/content/docs/components/tabs.mdx
@@ -10,7 +10,7 @@ import { Input } from '@/registry/input/input'
 import { Label } from '@/registry/label/label'
 
 <Preview>
-  <Tabs defaultValue="account" className="w-[400px]">
+  <Tabs defaultValue="account" className="w-full max-w-[400px]">
     <TabsList className="grid w-full grid-cols-2">
       <TabsTrigger value="account">Account</TabsTrigger>
       <TabsTrigger value="password">Password</TabsTrigger>