Global styles should always come first

garronej · Jul 14, 2023 · 1504d7a · 1504d7a
1 parent 65f87da
commit 1504d7a
Showing 1 changed file with 8 additions and 8 deletions.
diff --git a/src/next/appDir.tsx b/src/next/appDir.tsx
@@ -72,21 +72,21 @@ export function NextAppDirEmotionCacheProvider(
 
         return (
             <>
-                {styles !== "" && (
+                {globalStyles !== "" && (
                     <style
-                        key={cache.key}
-                        data-emotion={dataEmotionAttribute}
+                        key={`${cache.key}-global`}
+                        data-emotion={globalDataEmotionAttribute}
                         dangerouslySetInnerHTML={{
-                            "__html": styles
+                            "__html": globalStyles
                         }}
                     />
                 )}
-                {globalStyles !== "" && (
+                {styles !== "" && (
                     <style
-                        key={`${cache.key}-global`}
-                        data-emotion={globalDataEmotionAttribute}
+                        key={cache.key}
+                        data-emotion={dataEmotionAttribute}
                         dangerouslySetInnerHTML={{
-                            "__html": globalStyles
+                            "__html": styles
                         }}
                     />
                 )}