diff --git a/frontend/src/pages/Profile.tsx b/frontend/src/pages/Profile.tsx
index b0fc07b..e90022e 100644
--- a/frontend/src/pages/Profile.tsx
+++ b/frontend/src/pages/Profile.tsx
@@ -192,7 +192,7 @@ function Profile() {
                   sx={{
                     mt: 3,
                     p: 2,
-                    backgroundColor: 'info.lighter',
+                    backgroundColor: 'info.light',
                     borderRadius: 1,
                   }}
                 >
diff --git a/frontend/src/pages/Settings.tsx b/frontend/src/pages/Settings.tsx
index 4d78db9..b6c79ca 100644
--- a/frontend/src/pages/Settings.tsx
+++ b/frontend/src/pages/Settings.tsx
@@ -180,7 +180,7 @@ function Settings() {
           sx={{
             mt: 3,
             p: 2,
-            backgroundColor: 'info.lighter',
+            backgroundColor: 'info.light',
             borderRadius: 1,
           }}
         >