diff --git a/services/web/frontend/js/features/ide-react/components/editor/editor-loading-pane.tsx b/services/web/frontend/js/features/ide-react/components/editor/editor-loading-pane.tsx
index 89ac77087a..4ec4c8718c 100644
--- a/services/web/frontend/js/features/ide-react/components/editor/editor-loading-pane.tsx
+++ b/services/web/frontend/js/features/ide-react/components/editor/editor-loading-pane.tsx
@@ -1,11 +1,11 @@
 import { FC, useMemo } from 'react'
 import LoadingSpinner from '@/shared/components/loading-spinner'
-import { useProjectSettingsContext } from '@/features/editor-left-menu/context/project-settings-context'
 import getMeta from '@/utils/meta'
 import classNames from 'classnames'
+import { useActiveEditorTheme } from '@/shared/hooks/use-active-editor-theme'
 
 export const EditorLoadingPane: FC = () => {
-  const { editorTheme } = useProjectSettingsContext()
+  const editorTheme = useActiveEditorTheme()
   const isDark = useMemo(() => {
     const themes = getMeta('ol-editorThemes') || []
     const legacyThemes = getMeta('ol-legacyEditorThemes') || []