diff --git a/frontend/client-portal/src/theme/overrides/Backdrop.ts b/frontend/client-portal/src/theme/overrides/Backdrop.ts
index 18df98ec..80be8bf7 100755
--- a/frontend/client-portal/src/theme/overrides/Backdrop.ts
+++ b/frontend/client-portal/src/theme/overrides/Backdrop.ts
@@ -1,20 +1,18 @@
-import { alpha, Theme } from '@mui/material/styles';
+import { Theme } from '@mui/material/styles';
 
 // ----------------------------------------------------------------------
 
 export default function Backdrop(theme: Theme) {
-  const varLow = alpha(theme.palette.grey[900], 0.48);
-  const varHigh = alpha(theme.palette.grey[900], 1);
 
   return {
     MuiBackdrop: {
       styleOverrides: {
         root: {
           background: [
-            `rgb(22,28,36)`,
-            `-moz-linear-gradient(75deg, ${varLow} 0%, ${varHigh} 100%)`,
-            `-webkit-linear-gradient(75deg, ${varLow} 0%, ${varHigh} 100%)`,
-            `linear-gradient(75deg, ${varLow} 0%, ${varHigh} 100%)`
+            `rgb(33,43,54, 0.7)`,
+            // `-moz-linear-gradient(75deg, ${varLow} 0%, ${varHigh} 100%)`,
+            // `-webkit-linear-gradient(75deg, ${varLow} 0%, ${varHigh} 100%)`,
+            // `linear-gradient(75deg, ${varLow} 0%, ${varHigh} 100%)`
           ],
           '&.MuiBackdrop-invisible': {
             background: 'transparent'