diff --git a/src/components/Chat/ChatGroup.tsx b/src/components/Chat/ChatGroup.tsx
index f0cfaae..612a7c8 100644
--- a/src/components/Chat/ChatGroup.tsx
+++ b/src/components/Chat/ChatGroup.tsx
@@ -58,7 +58,6 @@ const uidImages = new ShortUniqueId({ length: 12 });
 export const ChatGroup = ({
   selectedGroup,
   secretKey,
-  setSecretKey,
   getSecretKey,
   myAddress,
   handleNewEncryptionNotification,
@@ -1185,7 +1184,7 @@ export const ChatGroup = ({
       {(!!secretKey || isPrivate === false) && (
         <div
           style={{
-            backgroundColor: theme.palette.background.paper,
+            backgroundColor: theme.palette.background.surface,
             border: `1px solid ${theme.palette.border.subtle}`,
             borderRadius: '10px',
             bottom: isFocusedParent ? '0px' : 'unset',
diff --git a/src/components/Group/Settings.tsx b/src/components/Group/Settings.tsx
index 2c87334..43ba6cf 100644
--- a/src/components/Group/Settings.tsx
+++ b/src/components/Group/Settings.tsx
@@ -229,6 +229,7 @@ export const Settings = ({ open, setOpen, rawWallet }) => {
               })}
             />
           )}
+
           {isEnabledDevMode && <ExportPrivateKey rawWallet={rawWallet} />}
           <ThemeManager />
         </Box>
diff --git a/src/styles/theme-dark.ts b/src/styles/theme-dark.ts
index cfa5952..a519cd6 100644
--- a/src/styles/theme-dark.ts
+++ b/src/styles/theme-dark.ts
@@ -6,7 +6,7 @@ export const darkThemeOptions: ThemeOptions = {
   palette: {
     mode: 'dark',
     primary: {
-      main: 'rgba(0, 133, 255, 1)',
+      main: 'rgb(100, 155, 240)',
       dark: 'rgb(45, 92, 201)',
       light: 'rgb(130, 185, 255)',
     },
@@ -14,9 +14,9 @@ export const darkThemeOptions: ThemeOptions = {
       main: 'rgb(69, 173, 255)',
     },
     background: {
-      default: 'rgba(6, 10, 30, 1)',
+      default: 'rgb(49, 51, 56)',
+      surface: 'rgb(58, 60, 65)',
       paper: 'rgb(62, 64, 68)',
-      surface: 'rgb(113, 113, 114)',
     },
     text: {
       primary: 'rgb(255, 255, 255)',
diff --git a/src/styles/theme-light.ts b/src/styles/theme-light.ts
index 4f6a1b1..3cfbdae 100644
--- a/src/styles/theme-light.ts
+++ b/src/styles/theme-light.ts
@@ -15,8 +15,8 @@ export const lightThemeOptions: ThemeOptions = {
     },
     background: {
       default: 'rgba(250, 250, 250, 1)',
-      paper: 'rgb(220, 220, 220)', // darker card background
       surface: 'rgb(240, 240, 240)', // optional middle gray for replies, side panels
+      paper: 'rgb(220, 220, 220)', // darker card background
     },
     text: {
       primary: 'rgba(0, 0, 0, 0.87)', // 87% black (slightly softened)