From 0d9b5fafc8589dd3b7964181f9f0ca4733747648 Mon Sep 17 00:00:00 2001
From: Dominik Prokop <dominik.prokop@grafana.com>
Date: Thu, 9 Oct 2025 17:24:26 +0200
Subject: [PATCH] Fix code editor width in dashboard export dialog (#112203)

---
 .../dashboard-scene/sharing/ExportButton/ExportAsCode.tsx   | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/public/app/features/dashboard-scene/sharing/ExportButton/ExportAsCode.tsx b/public/app/features/dashboard-scene/sharing/ExportButton/ExportAsCode.tsx
index aabd9707377..9ffad2ef066 100644
--- a/public/app/features/dashboard-scene/sharing/ExportButton/ExportAsCode.tsx
+++ b/public/app/features/dashboard-scene/sharing/ExportButton/ExportAsCode.tsx
@@ -83,8 +83,8 @@ function ExportAsCodeRenderer({ model }: SceneComponentProps<ExportAsCode>) {
       )}
 
       <div className={styles.codeEditorBox}>
-        <AutoSizer data-testid={selector.codeEditor}>
-          {({ width, height }) => {
+        <AutoSizer data-testid={selector.codeEditor} disableWidth>
+          {({ height }) => {
             if (stringifiedDashboard) {
               return (
                 <CodeEditor
@@ -93,7 +93,7 @@ function ExportAsCodeRenderer({ model }: SceneComponentProps<ExportAsCode>) {
                   showLineNumbers={true}
                   showMiniMap={false}
                   height={height}
-                  width={width}
+                  width="100%"
                   readOnly={true}
                 />
               );