diff --git a/apps/web/src/modules/common/layout/base.tsx b/apps/web/src/modules/common/layout/base.tsx
index db9c87a..984d348 100644
--- a/apps/web/src/modules/common/layout/base.tsx
+++ b/apps/web/src/modules/common/layout/base.tsx
@@ -31,7 +31,7 @@ interface BaseLayoutProps {
 
 export const BaseLayout = ({ children, locale }: BaseLayoutProps) => {
   return (
-    <html lang={locale} className={cn(sans.variable, wordmark.variable, mono.variable)}>
+    <html lang={locale} suppressHydrationWarning className={cn(sans.variable, wordmark.variable, mono.variable)}>
       <body
         suppressHydrationWarning
         className="bg-background text-foreground flex min-h-screen flex-col items-center justify-center font-sans antialiased"
