diff --git a/src/components/flex/flex_grid.styles.ts b/src/components/flex/flex_grid.styles.ts
index 329921b8902..2fb5dfd1a0c 100644
--- 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
index 1efb18e3318..3abdc304399 100644
--- 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
new file mode 100644
index 00000000000..117da956a9e
--- /dev/null
+++ b/upcoming_changelogs/7251.md
@@ -0,0 +1,3 @@
+**Bug fixes**
+
+- Fixed `EuiFlexGroup` and `EuiFlexGrid's `m` gutter size