diff --git a/src/app/components/CodeEditor.tsx b/src/app/components/CodeEditor.tsx
index 39c1cf1..5fa2f8b 100644
--- a/src/app/components/CodeEditor.tsx
+++ b/src/app/components/CodeEditor.tsx
@@ -26,7 +26,8 @@ interface CodeEditorProps {
 }
 
 const cmTheme = EditorView.theme({
-  '&': { height: '100%', background: '#0a0a0a' },
+  '&': { height: '100%', background: 'transparent' },
+  '.cm-gutters': { background: 'transparent', borderRight: '1px solid rgba(255,255,255,0.08)' },
   '.cm-scroller': { overflow: 'auto', fontFamily: 'ui-monospace,monospace', fontSize: '12px', lineHeight: '1.5' },
   '.cm-content': { padding: '12px 0' },
   '.cm-focused': { outline: 'none' },
@@ -100,7 +101,7 @@ export default function CodeEditor({ text, mode, syntaxHighlightLang, readOnly =
           <SyntaxHighlighter
             language={syntaxHighlightLang ?? syntaxLang[mode]}
             style={vscDarkPlus}
-            customStyle={{ margin: 0, minHeight: '100%', background: '#0a0a0a', fontSize: '12px', lineHeight: '1.5' }}
+            customStyle={{ margin: 0, minHeight: '100%', background: 'transparent', fontSize: '12px', lineHeight: '1.5' }}
             showLineNumbers
             wrapLongLines
           >