diff --git a/src/components/flex/flex_group.styles.ts b/src/components/flex/flex_group.styles.ts
index b30bfb6f83e..419c8670c17 100644
--- a/src/components/flex/flex_group.styles.ts
+++ b/src/components/flex/flex_group.styles.ts
@@ -22,7 +22,7 @@ export const euiFlexGroupStyles = (euiThemeContext: UseEuiTheme) => {
       ${euiBreakpoint(euiThemeContext, ['xs', 's'])} {
         flex-wrap: wrap;
 
-        .euiFlexItem {
+        & > .euiFlexItem {
           ${logicalCSS('width', '100%')}
           flex-basis: 100%;
         }
diff --git a/upcoming_changelogs/6381.md b/upcoming_changelogs/6381.md
new file mode 100644
index 00000000000..38da292757f
--- /dev/null
+++ b/upcoming_changelogs/6381.md
@@ -0,0 +1,3 @@
+**Bug fixes**
+
+- Fixed visual bug in nested `EuiFlexGroup`s, where the parent `EuiFlexGroup` is responsive but a child `EuiFlexGroup` is not