diff --git a/components/lib/themes/lara/megamenu/index.js b/components/lib/themes/lara/megamenu/index.js
index 71edcaa69..bc47a8369 100644
--- a/components/lib/themes/lara/megamenu/index.js
+++ b/components/lib/themes/lara/megamenu/index.js
@@ -76,12 +76,12 @@ export default {
     colorScheme: {
         light: {
             root: {
-                background: '{surface.100}'
+                background: '{surface.50}'
             }
         },
         dark: {
             root: {
-                background: '{surface.800}'
+                background: '{surface.950}'
             }
         }
     }
diff --git a/components/lib/themes/lara/menubar/index.js b/components/lib/themes/lara/menubar/index.js
index ca9aa0c72..d9d7b9f99 100644
--- a/components/lib/themes/lara/menubar/index.js
+++ b/components/lib/themes/lara/menubar/index.js
@@ -60,12 +60,12 @@ export default {
     colorScheme: {
         light: {
             root: {
-                background: '{surface.100}'
+                background: '{surface.50}'
             }
         },
         dark: {
             root: {
-                background: '{surface.800}'
+                background: '{surface.950}'
             }
         }
     }