diff --git a/packages/lsd-react/src/components/Theme/ThemeProvider.tsx b/packages/lsd-react/src/components/Theme/ThemeProvider.tsx
index c7da4f4..1c8723d 100644
--- a/packages/lsd-react/src/components/Theme/ThemeProvider.tsx
+++ b/packages/lsd-react/src/components/Theme/ThemeProvider.tsx
@@ -17,9 +17,9 @@ export const ThemeProvider: React.FC<ThemeProviderProps> = ({
     <ResizeObserverProvider>
       <PortalProvider>
         <ThemeContext.Provider value={{ theme }}>
-          <EmotionThemeProvider theme={theme}>{children}</EmotionThemeProvider>
           <CSSBaseline theme={theme} />
           <Global styles={theme.globalStyles} />
+          <EmotionThemeProvider theme={theme}>{children}</EmotionThemeProvider>
         </ThemeContext.Provider>
       </PortalProvider>
     </ResizeObserverProvider>