diff --git a/apps/web/src/modules/common/layout/base.tsx b/apps/web/src/modules/common/layout/base.tsx
index 08ba8da..5aece5d 100644
--- a/apps/web/src/modules/common/layout/base.tsx
+++ b/apps/web/src/modules/common/layout/base.tsx
@@ -34,7 +34,7 @@ export const BaseLayout = ({ children, locale }: BaseLayoutProps) => {
     <html lang={locale} suppressHydrationWarning className={cn(sans.variable, wordmark.variable, mono.variable)}>
       <body
         suppressHydrationWarning
-        className="bg-background text-foreground flex min-h-screen w-full flex-col overflow-x-clip font-sans antialiased"
+        className="bg-background text-foreground flex min-h-screen w-full flex-col overflow-x-hidden font-sans antialiased"
         data-theme={appConfig.theme.color}
       >
         {children}
diff --git a/apps/web/src/modules/marketing/home/report-fan.tsx b/apps/web/src/modules/marketing/home/report-fan.tsx
index c88781f..49da199 100644
--- a/apps/web/src/modules/marketing/home/report-fan.tsx
+++ b/apps/web/src/modules/marketing/home/report-fan.tsx
@@ -5,8 +5,8 @@ export const ReportFan = () => {
     <div className="animate-fade-in relative mx-auto mt-12 -translate-y-4 opacity-0 [--animation-delay:800ms] sm:mt-16 md:mt-20">
       {/* Ambient glow behind the fan */}
       <div className="pointer-events-none absolute inset-0 -bottom-10">
-        <div className="absolute top-1/2 left-1/2 h-[500px] w-[600px] -translate-x-1/2 -translate-y-1/2 rounded-full bg-blue-500/8 blur-[100px]" />
-        <div className="absolute top-1/3 left-1/3 h-[300px] w-[300px] -translate-x-1/2 -translate-y-1/2 rounded-full bg-amber-400/10 blur-[80px]" />
+        <div className="absolute top-1/2 left-1/2 h-[500px] w-full max-w-[600px] -translate-x-1/2 -translate-y-1/2 rounded-full bg-blue-500/8 blur-[100px]" />
+        <div className="absolute top-1/3 left-1/3 h-[300px] w-full max-w-[300px] -translate-x-1/2 -translate-y-1/2 rounded-full bg-amber-400/10 blur-[80px]" />
       </div>
 
       {/* Fan container with perspective */}
@@ -15,13 +15,13 @@ export const ReportFan = () => {
         style={{ perspective: "1200px" }}
       >
         {/* Floating grid dots decoration */}
-        <div className="pointer-events-none absolute -top-8 -right-12 h-24 w-24 opacity-[0.04]"
+        <div className="pointer-events-none absolute -top-8 -right-12 hidden h-24 w-24 opacity-[0.04] sm:block"
           style={{
             backgroundImage: "radial-gradient(circle, currentColor 1px, transparent 1px)",
             backgroundSize: "8px 8px",
           }}
         />
-        <div className="pointer-events-none absolute -bottom-6 -left-10 h-20 w-20 opacity-[0.04]"
+        <div className="pointer-events-none absolute -bottom-6 -left-10 hidden h-20 w-20 opacity-[0.04] sm:block"
           style={{
             backgroundImage: "radial-gradient(circle, currentColor 1px, transparent 1px)",
             backgroundSize: "8px 8px",
diff --git a/apps/web/src/modules/marketing/home/report-preview.tsx b/apps/web/src/modules/marketing/home/report-preview.tsx
index 8cc07ee..1adadf3 100644
--- a/apps/web/src/modules/marketing/home/report-preview.tsx
+++ b/apps/web/src/modules/marketing/home/report-preview.tsx
@@ -580,8 +580,8 @@ export const ReportPreview = () => {
       <div className="relative w-full max-w-3xl">
         {/* Ambient glow */}
         <div className="pointer-events-none absolute inset-0 -bottom-10">
-          <div className="absolute top-1/2 left-1/2 h-[400px] w-[500px] -translate-x-1/2 -translate-y-1/2 rounded-full bg-blue-500/8 blur-[100px]" />
-          <div className="absolute top-1/3 left-1/3 h-[250px] w-[250px] -translate-x-1/2 -translate-y-1/2 rounded-full bg-amber-400/10 blur-[80px]" />
+          <div className="absolute top-1/2 left-1/2 h-[400px] w-full max-w-[500px] -translate-x-1/2 -translate-y-1/2 rounded-full bg-blue-500/8 blur-[100px]" />
+          <div className="absolute top-1/3 left-1/3 h-[250px] w-full max-w-[250px] -translate-x-1/2 -translate-y-1/2 rounded-full bg-amber-400/10 blur-[80px]" />
         </div>
 
         {/* Card */}
diff --git a/packages/ui/web/src/styles/globals.css b/packages/ui/web/src/styles/globals.css
index 062131c..266c9f8 100644
--- a/packages/ui/web/src/styles/globals.css
+++ b/packages/ui/web/src/styles/globals.css
@@ -89,6 +89,12 @@
     @apply border-border outline-ring/50;
   }
 
+  html,
+  body {
+    overflow-x: hidden;
+    max-width: 100%;
+  }
+
   html {
     overscroll-behavior: none;
     scroll-behavior: auto;
