diff --git a/web/frontend/src/components/config/raw-json-panel.tsx b/web/frontend/src/components/config/raw-json-panel.tsx
index f67bd89f5..2b5297095 100644
--- a/web/frontend/src/components/config/raw-json-panel.tsx
+++ b/web/frontend/src/components/config/raw-json-panel.tsx
@@ -149,7 +149,8 @@ export function RawJsonPanel() {
                     setEditorValue(e.target.value)
                     setIsDirty(true)
                   }}
-                  className="min-h-[200px] resize-none border-0 bg-transparent px-4 py-3 font-mono text-sm shadow-none focus-visible:ring-0"
+                  wrap="off"
+                  className="min-h-[200px] resize-none overflow-x-auto border-0 bg-transparent px-4 py-3 font-mono text-sm whitespace-pre shadow-none [overflow-wrap:normal] focus-visible:ring-0"
                   placeholder={t("pages.config.json_placeholder")}
                 />
               </ScrollArea>