diff --git a/src/app/[locale]/layout.tsx b/src/app/[locale]/layout.tsx
index 30a97ae..28b1561 100644
--- a/src/app/[locale]/layout.tsx
+++ b/src/app/[locale]/layout.tsx
@@ -56,6 +56,7 @@ export default async function LocaleLayout({ children, params }: LocaleLayoutPro
         <script
           id="theme-bootstrap"
           nonce={nonce}
+          suppressHydrationWarning
           dangerouslySetInnerHTML={{ __html: themeBootstrapScript }}
         />
       </head>
diff --git a/src/lib/security/csp.ts b/src/lib/security/csp.ts
index 3f2ffc8..00acc9e 100644
--- a/src/lib/security/csp.ts
+++ b/src/lib/security/csp.ts
@@ -9,7 +9,7 @@ export function buildContentSecurityPolicy(nonce: string, development: boolean):
   const directives = [
     "default-src 'self'",
     `script-src ${scriptSources.join(' ')}`,
-    `style-src 'self' 'nonce-${nonce}'`,
+    `style-src 'self' 'nonce-${nonce}'${development ? " 'unsafe-inline'" : ''}`,
     "img-src 'self' data: blob:",
     "font-src 'self' data:",
     `connect-src 'self'${development ? ' ws: wss:' : ''}`,