From 4ca70a0d0c5aa85c234cea5391cb3add3a96e207 Mon Sep 17 00:00:00 2001
From: Shahed Nasser <shahednasser@gmail.com>
Date: Thu, 5 Oct 2023 22:38:54 +0300
Subject: [PATCH] docs: fix horizontal scroll (#5300)

---
 www/apps/api-reference/app/api/[area]/layout.tsx | 2 +-
 www/apps/docs/src/css/custom.css                 | 3 +++
 www/apps/ui/src/app/layout.tsx                   | 2 +-
 3 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/www/apps/api-reference/app/api/[area]/layout.tsx b/www/apps/api-reference/app/api/[area]/layout.tsx
index 53ab0a7b8c..be48a86b41 100644
--- a/www/apps/api-reference/app/api/[area]/layout.tsx
+++ b/www/apps/api-reference/app/api/[area]/layout.tsx
@@ -41,7 +41,7 @@ export default function RootLayout({
         <Providers>
           <Navbar />
           <div
-            className="w-full h-[calc(100%-57px)] overflow-y-scroll"
+            className="w-full h-[calc(100%-57px)] overflow-y-scroll overflow-x-hidden"
             id="main"
           >
             <div className="max-w-xxl mx-auto flex w-full px-1.5">
diff --git a/www/apps/docs/src/css/custom.css b/www/apps/docs/src/css/custom.css
index 02ea17bb25..a1044a8b6e 100644
--- a/www/apps/docs/src/css/custom.css
+++ b/www/apps/docs/src/css/custom.css
@@ -3,6 +3,9 @@
 @tailwind utilities;
 
 @layer base {
+  body {
+    @apply !overflow-x-hidden;
+  }
   body[data-modal="opened"] {
     @apply !overflow-hidden;
   }
diff --git a/www/apps/ui/src/app/layout.tsx b/www/apps/ui/src/app/layout.tsx
index 28c80a2f35..ddb4342153 100644
--- a/www/apps/ui/src/app/layout.tsx
+++ b/www/apps/ui/src/app/layout.tsx
@@ -36,7 +36,7 @@ export default function RootLayout({
         <Providers>
           <Navbar />
           <div
-            className="w-full h-[calc(100%-57px)] overflow-y-scroll"
+            className="w-full h-[calc(100%-57px)] overflow-y-scroll overflow-x-hidden"
             id="main"
           >
             <div className="max-w-xxl grid w-full grid-cols-1 px-6 lg:mx-auto lg:grid-cols-[280px_1fr]">