diff --git a/public/app/plugins/datasource/loki/querybuilder/components/LokiQueryCodeEditor.tsx b/public/app/plugins/datasource/loki/querybuilder/components/LokiQueryCodeEditor.tsx
index 6768bc1167e..12cd8fb42a9 100644
--- a/public/app/plugins/datasource/loki/querybuilder/components/LokiQueryCodeEditor.tsx
+++ b/public/app/plugins/datasource/loki/querybuilder/components/LokiQueryCodeEditor.tsx
@@ -58,6 +58,7 @@ export function LokiQueryCodeEditor({
 const getStyles = (theme: GrafanaTheme2) => {
   return {
     wrapper: css`
+      max-width: 100%;
       .gf-form {
         margin-bottom: 0.5;
       }