fix: patch global scrollbar bug (#250)

Girishbari · web-flow · commit 9c5136ec68a8 · 2024-02-16T22:26:37.000+05:30
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -48,10 +48,12 @@ export const metadata: Metadata = {
 
 export default async function RootLayout({ children }: { children: React.ReactNode }) {
   return (
-    <html lang="en" suppressHydrationWarning>
-      <body
-        className={`${poppinsFont.className} scrollbar-thin scrollbar-thumb-primary scrollbar-track-secondary-light scrollbar-track-rounded-full bg-white dark:bg-secondary`}
-      >
+    <html
+      lang="en"
+      className={`${poppinsFont.className} scrollbar-thin scrollbar-thumb-primary scrollbar-track-secondary-light scrollbar-track-rounded-full`}
+      suppressHydrationWarning
+    >
+      <body className={`${poppinsFont.className}  bg-white dark:bg-secondary`}>
         <Toaster
           position="top-right"
           duration={3000}
