diff --git a/app/layout.tsx b/app/layout.tsx
index 48d7e40..d981315 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -90,7 +90,7 @@ export default async function RootLayout({
       <head>
         <style id="dynamic-site-theme">{buildSiteThemeStyleText(siteSettings.brand.primaryColor)}</style>
       </head>
-      <body className={`${museo.variable} ${dubai.variable}`}>
+      <body className={`${museo.variable} ${dubai.variable}`} suppressHydrationWarning>
         <ThemeProvider>
           <SoundProvider>
             {children}
