From 0bd4e3bda2a21238275ca539809ac9958827e05e Mon Sep 17 00:00:00 2001
From: Ashley Harrison <ashley.harrison@grafana.com>
Date: Fri, 7 Feb 2025 17:17:46 +0000
Subject: [PATCH] Theme: properly clip corners in loki/prom query editor
 (#100253)

properly clip corners in loki/prom query editor
---
 .../src/components/monaco-query-field/MonacoQueryField.tsx       | 1 +
 .../loki/components/monaco-query-field/MonacoQueryField.tsx      | 1 +
 2 files changed, 2 insertions(+)

diff --git a/packages/grafana-prometheus/src/components/monaco-query-field/MonacoQueryField.tsx b/packages/grafana-prometheus/src/components/monaco-query-field/MonacoQueryField.tsx
index 5115c6880d1..a27fa4943fc 100644
--- a/packages/grafana-prometheus/src/components/monaco-query-field/MonacoQueryField.tsx
+++ b/packages/grafana-prometheus/src/components/monaco-query-field/MonacoQueryField.tsx
@@ -88,6 +88,7 @@ const getStyles = (theme: GrafanaTheme2, placeholder: string) => {
       justifyContent: 'start',
       alignItems: 'center',
       height: '100%',
+      overflow: 'hidden',
     }),
     placeholder: css({
       '::after': {
diff --git a/public/app/plugins/datasource/loki/components/monaco-query-field/MonacoQueryField.tsx b/public/app/plugins/datasource/loki/components/monaco-query-field/MonacoQueryField.tsx
index f525ec4e30c..6d9a8fe57c0 100644
--- a/public/app/plugins/datasource/loki/components/monaco-query-field/MonacoQueryField.tsx
+++ b/public/app/plugins/datasource/loki/components/monaco-query-field/MonacoQueryField.tsx
@@ -89,6 +89,7 @@ const getStyles = (theme: GrafanaTheme2, placeholder: string) => {
       '.monaco-editor .suggest-widget': {
         minWidth: '50%',
       },
+      overflow: 'hidden',
     }),
     placeholder: css({
       '::after': {