diff --git a/app/createEmotionCache.ts b/app/createEmotionCache.ts
index 43ebf0d..5f293a2 100644
--- a/app/createEmotionCache.ts
+++ b/app/createEmotionCache.ts
@@ -2,11 +2,11 @@ import createCache from "@emotion/cache";
 
 export const defaultCache = createEmotionCache();
 
-export default function createEmotionCache() {
+export default function createEmotionCache(nonce?: string) {
   // The browser throws when calling .default, but the server throws if we don't call .default
   // Of course!
   return typeof document === "undefined"
-    ? createCache.default({ key: "cha" })
+    ? createCache.default({ key: "cha", nonce })
     : // @ts-expect-error
-      createCache({ key: "cha" });
+      createCache({ key: "cha", nonce });
 }