diff --git a/apps/web/src/app/layout.tsx b/apps/web/src/app/layout.tsx
index 957f6a1..3e1854c 100644
--- a/apps/web/src/app/layout.tsx
+++ b/apps/web/src/app/layout.tsx
@@ -20,11 +20,14 @@ export const viewport: Viewport = {
 
 export default function RootLayout({ children }: { children: React.ReactNode }) {
   return (
-    // Light theme is the only theme — no client-side theme switcher and
-    // therefore no pre-hydration `<script>` from a theme library. That
-    // avoids the "script tag while rendering" warning under React 19.
-    <html lang="en" className={GeistSans.className}>
-      <body>
+    // `suppressHydrationWarning` here is for *attribute* differences only.
+    // Browser extensions (password managers, accessibility tools, the
+    // Google `__gcrremoteframetoken` injector, etc.) commonly add data-/
+    // dunder attributes to the <html> element after the document loads,
+    // which React 19 otherwise flags as a hydration mismatch. Children
+    // are still hydration-checked normally.
+    <html lang="en" suppressHydrationWarning className={GeistSans.className}>
+      <body suppressHydrationWarning>
         <AppShell>{children}</AppShell>
         <Toaster richColors position="top-right" />
       </body>
