change tooltip bg color

src/components/Chat/ChatOptions.tsx

@@ -358,14 +358,14 @@ export const ChatOptions = ({
     return (
       <Box
         sx={{
-          backgroundColor: theme.palette.background.default,
+          backgroundColor: theme.palette.background.surface,
           borderBottomLeftRadius: '20px',
           borderTopLeftRadius: '20px',
           display: 'flex',
           flexDirection: 'column',
           flexGrow: 0,
           flexShrink: 0,
-          height: '100%',
+          height: '98%',
           overflow: 'auto',
           width: '300px',
         }}

src/components/GeneralNotifications.tsx

@@ -63,7 +63,7 @@ export const GeneralNotifications = ({ address }) => {
             tooltip: {
               sx: {
                 color: theme.palette.text.primary,
-                backgroundColor: theme.palette.background.default,
+                backgroundColor: theme.palette.background.paper,
               },
             },
             arrow: {

src/components/QMailStatus.tsx

@@ -77,7 +77,7 @@ export const QMailStatus = () => {
           tooltip: {
             sx: {
               color: theme.palette.text.primary,
-              backgroundColor: theme.palette.background.default,
+              backgroundColor: theme.palette.background.paper,
             },
           },
           arrow: {