From f54533877b9e6a337735c62dcd4c32670eb14d3e Mon Sep 17 00:00:00 2001
From: "Grot (@grafanabot)" <43478413+grafanabot@users.noreply.github.com>
Date: Tue, 16 Mar 2021 08:30:08 +0000
Subject: [PATCH] Query editor: avoid avoiding word wrap on query editor
 components (#31949) (#31982)

(cherry picked from commit 2fb92789e75821e73ad62a386b7542bfa4465a76)

Co-authored-by: Josh Hunt <joshhunt@users.noreply.github.com>
---
 .../app/core/components/QueryOperationRow/QueryOperationRow.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/public/app/core/components/QueryOperationRow/QueryOperationRow.tsx b/public/app/core/components/QueryOperationRow/QueryOperationRow.tsx
index 69fb63e2f02..3d23289ecf8 100644
--- a/public/app/core/components/QueryOperationRow/QueryOperationRow.tsx
+++ b/public/app/core/components/QueryOperationRow/QueryOperationRow.tsx
@@ -120,7 +120,6 @@ const getQueryOperationRowStyles = stylesFactory((theme: GrafanaTheme) => {
   return {
     wrapper: css`
       margin-bottom: ${theme.spacing.md};
-      white-space: nowrap;
     `,
     header: css`
       padding: ${theme.spacing.xs} ${theme.spacing.sm};
@@ -130,6 +129,7 @@ const getQueryOperationRowStyles = stylesFactory((theme: GrafanaTheme) => {
       display: flex;
       align-items: center;
       justify-content: space-between;
+      white-space: nowrap;
     `,
     dragIcon: css`
       cursor: drag;