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': {