Removed `spaced-around/between` for vertical menu specific!

diff --git a/scss/components/_flex.scss b/scss/components/_flex.scss
index d9325503b62fe96e75d4309f5ed53b887545e00a..a878dfd09d9fcda8c25a05128ce4889a4364accf 100644 (file)
--- a/scss/components/_flex.scss
+++ b/scss/components/_flex.scss
@@ -1,9 +1,15 @@
 @mixin foundation-flex-classes {
   // Horizontal alignment using justify-content
-  @each $hdir, $prop in map-remove($-zf-flex-justify, left) {
+  @each $hdir, $prop in map-remove($-zf-flex-justify, 'left') {
     .align-#{$hdir} {
-      &,
-      &.vertical.menu > li > a { // Specific for Vertical Menu
+      @include flex-align($x: $hdir);
+    }
+  }
+  
+  // Horizontal alignment Specifically for Vertical Menu
+  @each $hdir, $prop in map-remove($-zf-flex-justify, 'left', 'justify', 'spaced') {
+    .align-#{$hdir} {
+      &.vertical.menu > li > a { 
         @include flex-align($x: $hdir);
       }
     }