diff --git a/src/app/(app)/problems/[id]/@workspace/@editor/page.tsx b/src/app/(app)/problems/[id]/@workspace/@editor/page.tsx
index d56bf54..1ce5bed 100644
--- a/src/app/(app)/problems/[id]/@workspace/@editor/page.tsx
+++ b/src/app/(app)/problems/[id]/@workspace/@editor/page.tsx
@@ -1,4 +1,4 @@
-import { CodeEditor } from "@/components/problem-editor";
+import { ProblemEditor } from "@/components/problem-editor";
 import { WorkspaceEditorHeader } from "@/components/features/playground/workspace/editor/components/header";
 import { WorkspaceEditorFooter } from "@/components/features/playground/workspace/editor/components/footer";
 
@@ -7,7 +7,7 @@ export default function WorkspaceEditorPage() {
     <>
       <WorkspaceEditorHeader />
       <div className="flex-1">
-        <CodeEditor />
+        <ProblemEditor />
       </div>
       <WorkspaceEditorFooter />
     </>
diff --git a/src/components/problem-editor.tsx b/src/components/problem-editor.tsx
index 1c0f771..5c1fba7 100644
--- a/src/components/problem-editor.tsx
+++ b/src/components/problem-editor.tsx
@@ -27,7 +27,7 @@ const Editor = dynamic(
   }
 );
 
-export function CodeEditor() {
+export function ProblemEditor() {
   const {
     hydrated,
     editor,