diff --git a/src/frontend/src/modals/dictAreaModal/index.tsx b/src/frontend/src/modals/dictAreaModal/index.tsx
index 25be54d7d..d2ff9f912 100644
--- a/src/frontend/src/modals/dictAreaModal/index.tsx
+++ b/src/frontend/src/modals/dictAreaModal/index.tsx
@@ -102,14 +102,15 @@ export default function DictAreaModal({
   );
 
   const renderContent = () => (
-    <BaseModal.Content>
-      <div className="flex h-full w-full flex-col transition-all">
+    <BaseModal.Content overflowHidden>
+      <div className="flex h-[500px] w-full flex-col transition-all">
         <JsonEditor
           data={{ json: value }}
           jsonRef={jsonEditorRef}
-          height="400px"
+          readOnly={!onChange}
+          height="500px"
           width="100%"
-          className="h-[400px] w-full overflow-visible"
+          className="h-full w-full overflow-auto"
         />
       </div>
     </BaseModal.Content>