fix: horizontal scroll when scrollbar is always on

renbou · renbou · commit dbf22ac7dfeb · 2025-05-01T22:33:11.000+03:00
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -69,7 +69,7 @@ export default function RootLayout({
       <body
         className={`${horizon.variable} ${horizonOutlined.variable} ${themeSans.variable} ${themeSerif.variable} bg-surface font-theme-sans text-element antialiased`}
       >
-        <div className="flex flex-col gap-8 px-[4vw] pb-8 md:min-h-screen md:w-screen 2xl:px-[8vw]">
+        <div className="flex max-w-full flex-col gap-8 px-[4vw] pb-8 md:min-h-screen md:w-screen 2xl:px-[8vw]">
           {children}
         </div>
       </body>

Original file line number	Diff line number	Diff line change
`@@ -69,7 +69,7 @@ export default function RootLayout({`
`69`	`69`	`<body`
`70`	`70`	className={`${horizon.variable} ${horizonOutlined.variable} ${themeSans.variable} ${themeSerif.variable} bg-surface font-theme-sans text-element antialiased`}
`71`	`71`	`>`
`72`		`- <div className="flex flex-col gap-8 px-[4vw] pb-8 md:min-h-screen md:w-screen 2xl:px-[8vw]">`
	`72`	`+ <div className="flex max-w-full flex-col gap-8 px-[4vw] pb-8 md:min-h-screen md:w-screen 2xl:px-[8vw]">`
`73`	`73`	`{children}`
`74`	`74`	`</div>`
`75`	`75`	`</body>`