[EuiFlexGroup][EuiFlexGrid] Fix m gutter size spacing (#7251)

elastic · Oct 4, 2023 · 266d620 · 266d620
1 parent 83e3d4e
commit 266d620
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 2 deletions.
diff --git a/src/components/flex/flex_grid.styles.ts b/src/components/flex/flex_grid.styles.ts
@@ -55,7 +55,7 @@ export const euiFlexGridStyles = (
         gap: ${euiTheme.size.s};
       `,
       m: css`
-        gap: ${euiTheme.size.m};
+        gap: ${euiTheme.size.base};
       `,
       l: css`
         gap: ${euiTheme.size.l};

diff --git a/src/components/flex/flex_group.styles.ts b/src/components/flex/flex_group.styles.ts
@@ -40,7 +40,7 @@ export const euiFlexGroupStyles = (euiThemeContext: UseEuiTheme) => {
         gap: ${euiTheme.size.s};
       `,
       m: css`
-        gap: ${euiTheme.size.m};
+        gap: ${euiTheme.size.base};
       `,
       l: css`
         gap: ${euiTheme.size.l};

diff --git a/upcoming_changelogs/7251.md b/upcoming_changelogs/7251.md
@@ -0,0 +1,3 @@
+**Bug fixes**
+
+- Fixed `EuiFlexGroup` and `EuiFlexGrid's `m` gutter size