diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 7fb72146cc..6139138d74 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -52,7 +52,7 @@ export default async function RootLayout({
 	const nonce = (await headers()).get("x-nonce") ?? undefined;
 
 	return (
-		<html lang={locale} className="app">
+		<html lang={locale} className="app" suppressHydrationWarning>
 			<head>
 				<meta name="theme-default-dark" content={String(defaultDark)} />
 				<link rel="preconnect" href="https://fonts.googleapis.com" />