diff --git a/src/platform/plugins/shared/unified_search/public/query_string_input/query_bar_top_row.tsx b/src/platform/plugins/shared/unified_search/public/query_string_input/query_bar_top_row.tsx
index bdb10d7769428..74cf08dd35ebb 100644
--- a/src/platform/plugins/shared/unified_search/public/query_string_input/query_bar_top_row.tsx
+++ b/src/platform/plugins/shared/unified_search/public/query_string_input/query_bar_top_row.tsx
@@ -1255,10 +1255,12 @@ export const QueryBarTopRow = React.memo(
                 {/* Optional wrapper for the ES|QL controls elements */}
                 {Boolean(props.esqlVariablesConfig?.controlsWrapper) && (
                   <EuiFlexItem
-                    grow={false}
+                    grow={true}
                     css={css`
+                      min-width: 0;
                       @media (max-width: ${euiTheme.breakpoint.xl}px) {
                         order: 1;
+                        flex-basis: 100%;
                       }
                     `}
                   >