diff --git a/src/renderer/src/assets/styles/tailwind.css b/src/renderer/src/assets/styles/tailwind.css
index 481f7e0cfa..aa9e68910a 100644
--- a/src/renderer/src/assets/styles/tailwind.css
+++ b/src/renderer/src/assets/styles/tailwind.css
@@ -154,3 +154,7 @@
     @apply bg-background text-foreground;
   }
 }
+
+:root {
+  background-color: unset;
+}
diff --git a/src/renderer/src/context/ThemeProvider.tsx b/src/renderer/src/context/ThemeProvider.tsx
index 82683b13df..daa2fd9011 100644
--- a/src/renderer/src/context/ThemeProvider.tsx
+++ b/src/renderer/src/context/ThemeProvider.tsx
@@ -69,7 +69,10 @@ export const ThemeProvider: React.FC<ThemeProviderProps> = ({ children }) => {
   }, [actualTheme, initUserTheme, navbarPosition, setSettedTheme, settedTheme])
 
   useEffect(() => {
-    tailwindThemeChange(settedTheme)
+    tailwindThemeChange(actualTheme)
+  }, [actualTheme])
+
+  useEffect(() => {
     window.api.setTheme(settedTheme)
   }, [settedTheme])