Solve #9985 as per specificity!

diff --git a/scss/components/_menu.scss b/scss/components/_menu.scss
index b4c2a071717caffc8b022b87b3566d7974f10da1..38f00ceea4b73d93ac88afe66505e0f0ecf85dcd 100644 (file)
--- a/scss/components/_menu.scss
+++ b/scss/components/_menu.scss
@@ -92,7 +92,6 @@ $menu-item-background-hover: $light-gray !default;
 
 /// Align menu items.
 @mixin menu-align($alignment) {
-  
   @if $alignment == left {
     @if $global-flexbox {
       justify-content: flex-start;
@@ -103,7 +102,10 @@ $menu-item-background-hover: $light-gray !default;
   }
   @else if $alignment == right {
     @if $global-flexbox {
-      justify-content: flex-end;
+      li {
+        display: flex;
+        justify-content: flex-end;
+      }
     }
     @else {
       text-align: $global-right;
@@ -116,6 +118,7 @@ $menu-item-background-hover: $light-gray !default;
   @else if $alignment == center {
     @if $global-flexbox {
       li {
+        display: flex;
         justify-content: center;
       }
     }