diff --git a/packages/themes/src/presets/aura/megamenu/index.js b/packages/themes/src/presets/aura/megamenu/index.js
index b3e907e1a..931a958b5 100644
--- a/packages/themes/src/presets/aura/megamenu/index.js
+++ b/packages/themes/src/presets/aura/megamenu/index.js
@@ -66,7 +66,7 @@ export default {
         borderRadius: '50%',
         size: '1.75rem',
         color: '{text.muted.color}',
-        hoverColor: '{text.muted.hover.color}',
+        hoverColor: '{text.hover.muted.color}',
         hoverBackground: '{content.hover.background}',
         focusRing: {
             width: '{focus.ring.width}',
diff --git a/packages/themes/src/presets/aura/menubar/index.js b/packages/themes/src/presets/aura/menubar/index.js
index e43590d01..b5227159b 100644
--- a/packages/themes/src/presets/aura/menubar/index.js
+++ b/packages/themes/src/presets/aura/menubar/index.js
@@ -49,7 +49,7 @@ export default {
         borderRadius: '50%',
         size: '1.75rem',
         color: '{text.muted.color}',
-        hoverColor: '{text.muted.hover.color}',
+        hoverColor: '{text.hover.muted.color}',
         hoverBackground: '{content.hover.background}',
         focusRing: {
             width: '{focus.ring.width}',
diff --git a/packages/themes/src/presets/lara/megamenu/index.js b/packages/themes/src/presets/lara/megamenu/index.js
index 16f2a1f1d..dd64d0a66 100644
--- a/packages/themes/src/presets/lara/megamenu/index.js
+++ b/packages/themes/src/presets/lara/megamenu/index.js
@@ -65,7 +65,7 @@ export default {
         borderRadius: '50%',
         size: '2rem',
         color: '{text.muted.color}',
-        hoverColor: '{text.muted.hover.color}',
+        hoverColor: '{text.hover.muted.color}',
         hoverBackground: '{content.hover.background}',
         focusRing: {
             width: '{focus.ring.width}',
diff --git a/packages/themes/src/presets/lara/menubar/index.js b/packages/themes/src/presets/lara/menubar/index.js
index 00ef973ad..d05666db7 100644
--- a/packages/themes/src/presets/lara/menubar/index.js
+++ b/packages/themes/src/presets/lara/menubar/index.js
@@ -48,7 +48,7 @@ export default {
         borderRadius: '50%',
         size: '2rem',
         color: '{text.muted.color}',
-        hoverColor: '{text.muted.hover.color}',
+        hoverColor: '{text.hover.muted.color}',
         hoverBackground: '{content.hover.background}',
         focusRing: {
             width: '{focus.ring.width}',
diff --git a/packages/themes/src/presets/material/megamenu/index.js b/packages/themes/src/presets/material/megamenu/index.js
index 6cf065496..b6a3f98d9 100644
--- a/packages/themes/src/presets/material/megamenu/index.js
+++ b/packages/themes/src/presets/material/megamenu/index.js
@@ -66,7 +66,7 @@ export default {
         borderRadius: '50%',
         size: '2.5rem',
         color: '{text.muted.color}',
-        hoverColor: '{text.muted.hover.color}',
+        hoverColor: '{text.hover.muted.color}',
         hoverBackground: '{content.hover.background}',
         focusRing: {
             width: '0',
diff --git a/packages/themes/src/presets/material/menubar/index.js b/packages/themes/src/presets/material/menubar/index.js
index 3bf151987..86bf77807 100644
--- a/packages/themes/src/presets/material/menubar/index.js
+++ b/packages/themes/src/presets/material/menubar/index.js
@@ -49,7 +49,7 @@ export default {
         borderRadius: '50%',
         size: '2.5rem',
         color: '{text.muted.color}',
-        hoverColor: '{text.muted.hover.color}',
+        hoverColor: '{text.hover.muted.color}',
         hoverBackground: '{content.hover.background}',
         focusRing: {
             width: '0',
diff --git a/packages/themes/src/presets/nora/megamenu/index.js b/packages/themes/src/presets/nora/megamenu/index.js
index b3e907e1a..931a958b5 100644
--- a/packages/themes/src/presets/nora/megamenu/index.js
+++ b/packages/themes/src/presets/nora/megamenu/index.js
@@ -66,7 +66,7 @@ export default {
         borderRadius: '50%',
         size: '1.75rem',
         color: '{text.muted.color}',
-        hoverColor: '{text.muted.hover.color}',
+        hoverColor: '{text.hover.muted.color}',
         hoverBackground: '{content.hover.background}',
         focusRing: {
             width: '{focus.ring.width}',
diff --git a/packages/themes/src/presets/nora/menubar/index.js b/packages/themes/src/presets/nora/menubar/index.js
index e43590d01..b5227159b 100644
--- a/packages/themes/src/presets/nora/menubar/index.js
+++ b/packages/themes/src/presets/nora/menubar/index.js
@@ -49,7 +49,7 @@ export default {
         borderRadius: '50%',
         size: '1.75rem',
         color: '{text.muted.color}',
-        hoverColor: '{text.muted.hover.color}',
+        hoverColor: '{text.hover.muted.color}',
         hoverBackground: '{content.hover.background}',
         focusRing: {
             width: '{focus.ring.width}',