diff --git a/src/admin/components/elements/CodeEditor/index.tsx b/src/admin/components/elements/CodeEditor/index.tsx
index 2633b4dae3..c6bb537580 100644
--- a/src/admin/components/elements/CodeEditor/index.tsx
+++ b/src/admin/components/elements/CodeEditor/index.tsx
@@ -22,6 +22,7 @@ const CodeEditor: React.FC<Props> = (props) => {
     <Editor
       height="35vh"
       className={classes}
+      theme={theme === 'dark' ? 'vs-dark' : 'vs'}
       options={
         {
           detectIndentation: true,