diff --git a/src/renderer/src/App.tsx b/src/renderer/src/App.tsx
index 096e908c9e..019c6324d9 100644
--- a/src/renderer/src/App.tsx
+++ b/src/renderer/src/App.tsx
@@ -34,7 +34,7 @@ function App(): React.ReactElement {
   return (
     <Provider store={store}>
       <QueryClientProvider client={queryClient}>
-        <HeroUIProvider className="flex flex-1">
+        <HeroUIProvider className="flex h-full w-full flex-1">
           <StyleSheetManager>
             <ThemeProvider>
               <AntdProvider>
diff --git a/src/renderer/src/assets/styles/index.css b/src/renderer/src/assets/styles/index.css
index d687804fa4..40899314d0 100644
--- a/src/renderer/src/assets/styles/index.css
+++ b/src/renderer/src/assets/styles/index.css
@@ -51,6 +51,7 @@ body {
   font-family: var(--font-family);
   text-rendering: optimizeLegibility;
   transition: background-color 0.3s linear;
+  background-color: unset;
 
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;