diff --git a/src/components/Apps/AppsHomeDesktop.tsx b/src/components/Apps/AppsHomeDesktop.tsx
index 28edd64..be7eaaf 100644
--- a/src/components/Apps/AppsHomeDesktop.tsx
+++ b/src/components/Apps/AppsHomeDesktop.tsx
@@ -74,7 +74,7 @@ export const AppsHomeDesktop = ({
         <Box
           sx={{
             alignItems: 'center',
-            backgroundColor: theme.palette.background.default,
+            backgroundColor: theme.palette.background.paper,
             borderRadius: '20px',
             display: 'flex',
             gap: '20px',
@@ -94,7 +94,6 @@ export const AppsHomeDesktop = ({
             autoCorrect="off"
             placeholder="qortal://"
             sx={{
-              backgroundColor: theme.palette.background.surface,
               borderRadius: '7px',
               color: theme.palette.text.primary,
               height: '35px',
diff --git a/src/components/Group/GroupList.tsx b/src/components/Group/GroupList.tsx
index 3b9e114..e928331 100644
--- a/src/components/Group/GroupList.tsx
+++ b/src/components/Group/GroupList.tsx
@@ -62,7 +62,7 @@ export const GroupList = ({
     <div
       style={{
         alignItems: 'flex-start',
-        background: theme.palette.background.default,
+        background: theme.palette.background.surface,
         borderRadius: '0px 15px 15px 0px',
         display: 'flex',
         flexDirection: 'column',