[EuiFlex] Fix responsive selector missed in Emotion conversion (#6381)

* [EuiFlex] Fix responsive selector missed in Emotion conversion * changelog
elastic · Nov 17, 2022 · 39d52de · 39d52de
1 parent 78546e5
commit 39d52de
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git 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
@@ -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