diff --git a/src/components/flex/_flex_group.scss b/src/components/flex/_flex_group.scss
index 9daacfe1c68..f986cea0765 100644
--- a/src/components/flex/_flex_group.scss
+++ b/src/components/flex/_flex_group.scss
@@ -28,14 +28,8 @@ $gutterTypes: (
 
 // Gutter Sizes
 @each $gutterName, $gutterSize in $gutterTypes {
-  $halfGutterSize: $gutterSize * .5;
-
   .euiFlexGroup--#{$gutterName} {
-    margin: -$halfGutterSize;
-
-    & > .euiFlexItem {
-      margin: $halfGutterSize;
-    }
+    gap: $gutterSize; // sass-lint:disable-line no-misspelled-properties - gap is a valid property, sass-lint is out of date
   }
 }