diff --git a/public/app/features/explore/Explore.tsx b/public/app/features/explore/Explore.tsx
index 47101e53746..a196ba0a832 100644
--- a/public/app/features/explore/Explore.tsx
+++ b/public/app/features/explore/Explore.tsx
@@ -54,6 +54,7 @@ const getStyles = stylesFactory((theme: GrafanaTheme) => {
       // 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;
+      display: 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 27e05fc8d03..1cb9668a69e 100644
--- a/public/app/features/explore/__snapshots__/Explore.test.tsx.snap
+++ b/public/app/features/explore/__snapshots__/Explore.test.tsx.snap
@@ -12,7 +12,7 @@ exports[`Explore should render component 1`] = `
     className="explore-container"
   >
     <div
-      className="panel-container css-kj45dn-queryContainer"
+      className="panel-container css-18dr9jf-queryContainer"
     >
       <QueryRows
         exploreId="left"