diff --git a/src/components/dashboard/MainMenu.tsx b/src/components/dashboard/MainMenu.tsx
index cd98ef21f..6cdcc73e0 100644
--- a/src/components/dashboard/MainMenu.tsx
+++ b/src/components/dashboard/MainMenu.tsx
@@ -165,7 +165,7 @@ export const MainMenu = ({ value = 'robots', handleChangeContent }: MainMenuProp
         </Box>
       </Paper>
       <Modal open={sponsorModalOpen} onClose={() => setSponsorModalOpen(false)}>
-        <Box sx={{ position: 'absolute', top: '50%', left: '50%', transform: 'translate(-50%, -50%)', bgcolor: 'background.paper', borderRadius: 2, p: 4, width: 600 }}>
+        <Box sx={{ position: 'absolute', top: '50%', left: '50%', transform: 'translate(-50%, -50%)', bgcolor: 'rgba(13, 13, 13, 1)', borderRadius: 2, p: 4, width: 600 }}>
           <Typography variant="h6" marginBottom={4}>
             Support Maxun Open Source
           </Typography>
diff --git a/src/components/ui/GenericModal.tsx b/src/components/ui/GenericModal.tsx
index cdca071dd..0d2308dea 100644
--- a/src/components/ui/GenericModal.tsx
+++ b/src/components/ui/GenericModal.tsx
@@ -34,7 +34,7 @@ const defaultModalStyle = {
   left: '50%',
   transform: 'translate(-50%, -50%)',
   width: 1000,
-  bgcolor: 'background.paper',
+  bgcolor: 'rgba(13, 13, 13, 1)',
   boxShadow: 24,
   p: 4,
   height: '50%',