diff --git a/src/components/molecules/Toobar/Toobar.tsx b/src/components/molecules/Toobar/Toobar.tsx
index a255cbb..b155437 100644
--- a/src/components/molecules/Toobar/Toobar.tsx
+++ b/src/components/molecules/Toobar/Toobar.tsx
@@ -85,7 +85,7 @@ const CustomToobar: React.FC<CustomToobarProps> = ({ drawerWidth = 240 }) => {
     <>
       <AppBar
         sx={{
-          backgroundColor: theme => (theme.palette.mode === 'dark' ? 'transparent' : undefined),
+          backgroundColor: theme => (theme.palette.mode === 'dark' ? 'background.paper' : undefined),
         }}>
         <Toolbar sx={{ display: 'flex' }}>
           <IconButton