diff --git a/public/app/features/explore/Explore.tsx b/public/app/features/explore/Explore.tsx
index 189fe799f4a..51f9d6ce5c2 100644
--- a/public/app/features/explore/Explore.tsx
+++ b/public/app/features/explore/Explore.tsx
@@ -76,6 +76,7 @@ const getStyles = stylesFactory((theme: GrafanaTheme) => {
       label: queryContainer;
       // Need to override normal css class and don't want to count on ordering of the classes in html.
       height: auto !important;
+      flex: unset !important;
       padding: ${theme.panelPadding}px;
     `,
   };
diff --git a/public/app/features/explore/__snapshots__/Explore.test.tsx.snap b/public/app/features/explore/__snapshots__/Explore.test.tsx.snap
index c6831908971..63c285063ef 100644
--- a/public/app/features/explore/__snapshots__/Explore.test.tsx.snap
+++ b/public/app/features/explore/__snapshots__/Explore.test.tsx.snap
@@ -13,7 +13,7 @@ exports[`Explore should render component 1`] = `
     className="explore-container"
   >
     <div
-      className="panel-container css-1695s01-queryContainer"
+      className="panel-container css-kj45dn-queryContainer"
     >
       <QueryRows
         exploreEvents={