From d3d1b7c4ade9d6e4ee997273bcd60355394504b4 Mon Sep 17 00:00:00 2001
From: Geoff Kimball <geoff@zurb.com>
Date: Wed, 17 Feb 2016 10:31:07 -0800
Subject: [PATCH] Fix menu icon styles in flexbox mode interfering with basic
 menu styles, closes #8179

---
 scss/components/_menu.scss | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/scss/components/_menu.scss b/scss/components/_menu.scss
index cbe784cda..80c190fc7 100644
--- a/scss/components/_menu.scss
+++ b/scss/components/_menu.scss
@@ -149,8 +149,6 @@ $menu-icon-spacing: 0.25rem !default;
     @if $global-flexbox {
       > li > a {
         display: flex;
-        align-items: center;
-        justify-content: center;
       }
     }
     @else {
@@ -176,9 +174,10 @@ $menu-icon-spacing: 0.25rem !default;
 
       img,
       i {
+        margin-#{$global-right}: $menu-icon-spacing;
+
         @if not $global-flexbox {
           display: inline-block;
-          margin-#{$global-right}: $menu-icon-spacing;
         }
       }
     }
@@ -192,12 +191,17 @@ $menu-icon-spacing: 0.25rem !default;
         text-align: center;
       }
 
-      > img,
-      > i {
+      img,
+      i {
         @if not $global-flexbox {
           display: block;
           margin: 0 auto $menu-icon-spacing;
         }
+        @else {
+          align-self: stretch;
+          text-align: center;
+          margin-bottom: $menu-icon-spacing;
+        }
       }
     }
   }
-- 
2.47.2