diff --git a/web/src/components/ui/inputs/AppCodeEditor/AppCodeEditor.tsx b/web/src/components/ui/inputs/AppCodeEditor/AppCodeEditor.tsx
index db33aee3d..8aa7488eb 100644
--- a/web/src/components/ui/inputs/AppCodeEditor/AppCodeEditor.tsx
+++ b/web/src/components/ui/inputs/AppCodeEditor/AppCodeEditor.tsx
@@ -83,6 +83,11 @@ export const AppCodeEditor = forwardRef<AppCodeEditorHandle, AppCodeEditorProps>
         minimap: {
           enabled: false
         },
+        scrollbar: {
+          verticalScrollbarSize: 5,
+          alwaysConsumeMouseWheel: false,
+          useShadows: false
+        },
         padding: {
           top: 10
         },
diff --git a/web/src/components/ui/inputs/AppDiffCodeEditor/AppDiffCodeEditor.tsx b/web/src/components/ui/inputs/AppDiffCodeEditor/AppDiffCodeEditor.tsx
index 025a3ada7..4ac167c02 100644
--- a/web/src/components/ui/inputs/AppDiffCodeEditor/AppDiffCodeEditor.tsx
+++ b/web/src/components/ui/inputs/AppDiffCodeEditor/AppDiffCodeEditor.tsx
@@ -67,6 +67,15 @@ export const AppDiffCodeEditor = forwardRef<AppDiffCodeEditorHandle, AppDiffCode
           renderOverviewRuler: false,
           wordWrap: 'on',
           scrollBeyondLastLine: true,
+          scrollbar: {
+            verticalScrollbarSize: 5,
+            alwaysConsumeMouseWheel: false,
+            useShadows: false
+          },
+          padding: {
+            top: 10
+          },
+          glyphMargin: false,
           minimap: {
             enabled: false
           },
@@ -103,11 +112,18 @@ export const AppDiffCodeEditor = forwardRef<AppDiffCodeEditorHandle, AppDiffCode
         const originalEditor = editor.getOriginalEditor();
         originalEditor.updateOptions({
           wordWrap: 'on',
-          wrappingStrategy: 'advanced'
+          wrappingStrategy: 'advanced',
+          padding: { top: 16 },
+          glyphMargin: true
         });
 
         // Get the modified editor and add change listener
         const modifiedEditor = editor.getModifiedEditor();
+        modifiedEditor.updateOptions({
+          padding: { top: 16 },
+          glyphMargin: true
+        });
+
         if (!readOnly && !disabled) {
           modifiedEditor.onDidChangeModelContent(() => {
             onChange?.(modifiedEditor.getValue() || '');
diff --git a/web/src/controllers/TermIndividualController/TermIndividualContent.tsx b/web/src/controllers/TermIndividualController/TermIndividualContent.tsx
index 2de8bf1f6..e3e8d912a 100644
--- a/web/src/controllers/TermIndividualController/TermIndividualContent.tsx
+++ b/web/src/controllers/TermIndividualController/TermIndividualContent.tsx
@@ -130,11 +130,6 @@ export const TermIndividualContent: React.FC<{
                 onChange={(v) => {
                   onSetTermSQL.run(v);
                 }}
-                monacoEditorOptions={{
-                  scrollbar: {
-                    alwaysConsumeMouseWheel: false
-                  }
-                }}
               />
             </div>
           </ItemContainer>