Fix responsive flex group margins (#248)

elastic · Dec 23, 2017 · f7070ee · f7070ee
1 parent 50662a8
commit f7070ee
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/src/components/flex/_flex_group.scss b/src/components/flex/_flex_group.scss
@@ -70,5 +70,7 @@ $gutterTypes: (
 @include screenXSmall {
   .euiFlexGroup--responsive {
     flex-wrap: wrap;
+    margin-left: 0;
+    margin-right: 0;
   }
 }
diff --git a/src/components/flex/_flex_item.scss b/src/components/flex/_flex_item.scss
@@ -27,6 +27,7 @@
     width: 100% !important;
     flex-basis: 100% !important;
     margin-left: 0 !important;
+    margin-right: 0 !important;
     margin-bottom: $euiSize !important;
   }
 }