diff --git a/app/root.tsx b/app/root.tsx
index 2a599a4..f419f52 100644
--- a/app/root.tsx
+++ b/app/root.tsx
@@ -113,6 +113,7 @@ export async function loader({
 
   if (context.data.current_user) data = { ...context.data.current_user };
   if (context.env.DSN) data.dsn = context.env.DSN;
+  if (context.data.nonce) data.nonce = context.data.nonce;
   if (context.data.theme) data.theme = context.data.theme;
 
   return data;
@@ -175,6 +176,7 @@ function getMarkup(
             {serverStyleData?.map(({ key, ids, css }) => (
               <style
                 key={key}
+                nonce={loaderData.nonce}
                 data-emotion={`${key} ${ids.join(" ")}`}
                 dangerouslySetInnerHTML={{ __html: css }}
               />