diff --git a/src/renderer/components/monaco-editor/monaco-themes.ts b/src/renderer/components/monaco-editor/monaco-themes.ts
index 73da1e8ca6..7dc8615024 100644
--- a/src/renderer/components/monaco-editor/monaco-themes.ts
+++ b/src/renderer/components/monaco-editor/monaco-themes.ts
@@ -21,7 +21,7 @@
 
 // Monaco editor themes customization
 import { editor } from "monaco-editor";
-import cloudsMidnight from "./monaco-theme.clouds-midnight.json";
+import cloudsMidnight from "./monaco-themes/clouds-midnight.json";
 
 export type MonacoTheme = "vs" | "vs-dark" | "hc-black" | MonacoCustomTheme;
 export type MonacoCustomTheme = "clouds-midnight";
@@ -42,5 +42,5 @@ export function registerCustomThemes(): void {
 }
 
 export async function loadCustomTheme(name: string): Promise<MonacoThemeData> {
-  return import(`./monaco-theme.${name}.json`);
+  return import(`./monaco-themes/${name}.json`);
 }
diff --git a/src/renderer/components/monaco-editor/monaco-theme.clouds-midnight.json b/src/renderer/components/monaco-editor/monaco-themes/clouds-midnight.json
similarity index 100%
rename from src/renderer/components/monaco-editor/monaco-theme.clouds-midnight.json
rename to src/renderer/components/monaco-editor/monaco-themes/clouds-midnight.json