diff --git a/src/components/setting/mods/config-viewer.tsx b/src/components/setting/mods/config-viewer.tsx
index d758a0fe..8d092d06 100644
--- a/src/components/setting/mods/config-viewer.tsx
+++ b/src/components/setting/mods/config-viewer.tsx
@@ -78,7 +78,7 @@ export const ConfigViewer = forwardRef<DialogRef>((props, ref) => {
       </DialogTitle>
 
       <DialogContent
-        sx={{ width: "94%", height: "100vh", pb: 1, userSelect: "text" }}
+        sx={{ width: "auto", height: "100vh", pb: 1, userSelect: "text" }}
       >
         <div style={{ width: "100%", height: "100%" }} ref={editorRef} />
       </DialogContent>