1 files changed, 8 insertions, 1 deletions
diff --git a/src/components/menu_item.style.js b/src/components/menu_item.style.js
index 72164d30..716edfa7 100644
--- a/src/components/menu_item.style.js
+++ b/src/components/menu_item.style.js
@@ -9,7 +9,7 @@ export default {
   ],
   states: {
     hover: ':hover',
-    active: 'active'
+    active: '.active'
   },
   defaultRules: [
     {
@@ -26,6 +26,13 @@ export default {
       }
     },
     {
+      state: ['active'],
+      directives: {
+        background: '$mod(--bg, 5)',
+        opacity: 1
+      }
+    },
+    {
       component: 'Text',
       variant: 'normal',
       parent: {