diff --git a/src/core/utils/theme.jsx b/src/core/utils/theme.jsx
index 2d90846..14e35a2 100644
--- a/src/core/utils/theme.jsx
+++ b/src/core/utils/theme.jsx
@@ -5,13 +5,13 @@ const theme = {
         primary: {
             main: process.env.NEXT_PUBLIC_PRIMARY_MAIN,
             contrastText: "#FFFFFF",
-            light: colord(process.env.NEXT_PUBLIC_PRIMARY_MAIN).lighten(0.3).toHex(),
+            light: colord(process.env.NEXT_PUBLIC_PRIMARY_MAIN).lighten(0.1).toHex(),
             dark: colord(process.env.NEXT_PUBLIC_PRIMARY_MAIN).darken(0.1).toHex(),
         },
         secondary: {
             main: process.env.NEXT_PUBLIC_SECONDARY_MAIN,
             contrastText: "#FFFFFF",
-            light: colord(process.env.NEXT_PUBLIC_SECONDARY_MAIN).lighten(0.3).toHex(),
+            light: colord(process.env.NEXT_PUBLIC_SECONDARY_MAIN).lighten(0.1).toHex(),
             dark: colord(process.env.NEXT_PUBLIC_SECONDARY_MAIN).darken(0.1).toHex(),
         },
     },
diff --git a/src/layouts/MuiLayout.jsx b/src/layouts/MuiLayout.jsx
index a2c2e69..f52b7df 100644
--- a/src/layouts/MuiLayout.jsx
+++ b/src/layouts/MuiLayout.jsx
@@ -29,7 +29,7 @@ const MuiLayout = ({children, isBot}) => {
                                 height: "8px",
                             },
                             "*::-webkit-scrollbar-thumb": {
-                                background: `${theme.palette.primary.light}`,
+                                background: `${theme.palette.primary.light}80`,
                                 borderRadius: "3px",
                             },
                             "*:not(.MuiTableContainer-root)": {
@@ -39,11 +39,11 @@ const MuiLayout = ({children, isBot}) => {
 
                             "*": {
                                 scrollbarWidth: "thin",
-                                scrollbarColor: `${theme.palette.primary.light} transparent`,
+                                scrollbarColor: `${theme.palette.primary.light}80 transparent`,
                             },
 
                             "*::-moz-scrollbar-thumb": {
-                                backgroundColor: `${theme.palette.primary.light}`,
+                                backgroundColor: `${theme.palette.primary.light}80`,
                             },
                             [`@media (max-width: ${theme.breakpoints.values.sm}px)`]: {
                                 "*::-webkit-scrollbar": {