diff --git a/src/components/Apps/AppsDesktop.tsx b/src/components/Apps/AppsDesktop.tsx
index 81c3149..1b1b72f 100644
--- a/src/components/Apps/AppsDesktop.tsx
+++ b/src/components/Apps/AppsDesktop.tsx
@@ -351,7 +351,7 @@ export const AppsDesktop = ({
       <Box
         sx={{
           alignItems: 'center',
-          backgroundColor: theme.palette.background.paper,
+          backgroundColor: theme.palette.background.default,
           borderRight: `1px solid ${theme.palette.border.subtle}`,
           display: 'flex',
           flexDirection: 'column',
diff --git a/src/components/Apps/AppsHomeDesktop.tsx b/src/components/Apps/AppsHomeDesktop.tsx
index ffce539..6a7d923 100644
--- a/src/components/Apps/AppsHomeDesktop.tsx
+++ b/src/components/Apps/AppsHomeDesktop.tsx
@@ -76,7 +76,7 @@ export const AppsHomeDesktop = ({
         <Box
           sx={{
             alignItems: 'center',
-            backgroundColor: theme.palette.background.paper,
+            backgroundColor: theme.palette.background.default,
             borderRadius: '20px',
             display: 'flex',
             gap: '20px',
diff --git a/src/components/Desktop/DesktopSideBar.tsx b/src/components/Desktop/DesktopSideBar.tsx
index 4407ca2..13f04b1 100644
--- a/src/components/Desktop/DesktopSideBar.tsx
+++ b/src/components/Desktop/DesktopSideBar.tsx
@@ -40,7 +40,7 @@ export const DesktopSideBar = ({
     <Box
       sx={{
         alignItems: 'center',
-        backgroundColor: theme.palette.background.paper,
+        backgroundColor: theme.palette.background.default,
         borderRight: `1px solid ${theme.palette.border.subtle}`,
         display: 'flex',
         flexDirection: 'column',