From 42b1fa0f62d592e0749e90d4a63c4a56066a1915 Mon Sep 17 00:00:00 2001
From: Giordano Ricci <me@giordanoricci.com>
Date: Tue, 21 Sep 2021 09:14:41 +0100
Subject: [PATCH] Fix Query Editor Row horizontal overflow (#39419)

---
 public/app/features/query/components/QueryEditorRowHeader.tsx | 1 +
 public/sass/pages/_explore.scss                               | 1 +
 2 files changed, 2 insertions(+)

diff --git a/public/app/features/query/components/QueryEditorRowHeader.tsx b/public/app/features/query/components/QueryEditorRowHeader.tsx
index 5cff58352fc..83a3d89b8de 100644
--- a/public/app/features/query/components/QueryEditorRowHeader.tsx
+++ b/public/app/features/query/components/QueryEditorRowHeader.tsx
@@ -147,6 +147,7 @@ const getStyles = (theme: GrafanaTheme) => {
       align-items: center;
       flex-grow: 1;
       margin-left: ${theme.spacing.xs};
+      overflow: hidden;
 
       &:hover {
         .query-name-wrapper {
diff --git a/public/sass/pages/_explore.scss b/public/sass/pages/_explore.scss
index 7a43cdc82c9..78704925e2d 100644
--- a/public/sass/pages/_explore.scss
+++ b/public/sass/pages/_explore.scss
@@ -142,6 +142,7 @@
   flex: 1 1 auto;
   flex-direction: column;
   height: 100vh;
+  width: 100%;
 }
 
 .explore.explore-live {