diff --git a/src/app/(app)/playground/@problem/@description/layout.tsx b/src/app/(app)/playground/@problem/@description/layout.tsx
index d839592..d685c49 100644
--- a/src/app/(app)/playground/@problem/@description/layout.tsx
+++ b/src/app/(app)/playground/@problem/@description/layout.tsx
@@ -1,4 +1,4 @@
-import ProblemDescriptionFooter from "@/features/workspace/problem/description/footer";
+import ProblemDescriptionFooter from "@/features/playground/problem/description/footer";
 
 interface ProblemDescriptionLayoutProps {
   children: React.ReactNode;
diff --git a/src/app/(app)/playground/layout.tsx b/src/app/(app)/playground/layout.tsx
index 838d71d..7355e31 100644
--- a/src/app/(app)/playground/layout.tsx
+++ b/src/app/(app)/playground/layout.tsx
@@ -3,7 +3,7 @@ import {
   ResizablePanel,
   ResizablePanelGroup,
 } from "@/components/ui/resizable";
-import { WorkspaceHeader } from "@/components/workspace-header";
+import { PlaygroundHeader } from "@/features/playground/header";
 
 interface PlaygroundLayoutProps {
   problem: React.ReactNode;
@@ -16,7 +16,7 @@ export default function PlaygroundLayout({
 }: PlaygroundLayoutProps) {
   return (
     <div className="h-full flex flex-col">
-      <WorkspaceHeader />
+      <PlaygroundHeader />
       <ResizablePanelGroup direction="horizontal" className="p-2.5 pt-0">
         <ResizablePanel
           defaultSize={50}
diff --git a/src/app/(app)/problems/[id]/@problem/@description/layout.tsx b/src/app/(app)/problems/[id]/@problem/@description/layout.tsx
index d18b867..8094f63 100644
--- a/src/app/(app)/problems/[id]/@problem/@description/layout.tsx
+++ b/src/app/(app)/problems/[id]/@problem/@description/layout.tsx
@@ -1,4 +1,4 @@
-import ProblemDescriptionFooter from "@/features/workspace/problem/description/footer";
+import ProblemDescriptionFooter from "@/features/playground/problem/description/footer";
 
 interface ProblemDescriptionLayoutProps {
   children: React.ReactNode;
diff --git a/src/app/(app)/problems/[id]/layout.tsx b/src/app/(app)/problems/[id]/layout.tsx
index 9b39207..172d4c0 100644
--- a/src/app/(app)/problems/[id]/layout.tsx
+++ b/src/app/(app)/problems/[id]/layout.tsx
@@ -1,4 +1,4 @@
-import { WorkspaceHeader } from "@/components/workspace-header";
+import { PlaygroundHeader } from "@/features/playground/header";
 import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from "@/components/ui/resizable";
 
 interface PlaygroundLayoutProps {
@@ -14,7 +14,7 @@ export default function PlaygroundLayout({
 }: PlaygroundLayoutProps) {
   return (
     <div className="h-screen flex flex-col">
-      <WorkspaceHeader />
+      <PlaygroundHeader />
       <main className="flex flex-grow overflow-y-hidden p-2.5 pt-0">
         <ResizablePanelGroup direction="horizontal" className="relative h-full flex">
           <ResizablePanel defaultSize={50} className="border border-muted rounded-3xl">
diff --git a/src/components/workspace-header.tsx b/src/features/playground/header.tsx
similarity index 81%
rename from src/components/workspace-header.tsx
rename to src/features/playground/header.tsx
index c8004e7..77b8996 100644
--- a/src/components/workspace-header.tsx
+++ b/src/features/playground/header.tsx
@@ -2,18 +2,18 @@
 
 import { cn } from "@/lib/utils";
 import { useState } from "react";
-import RunCode from "./run-code";
-import SettingsButton from "./settings-button";
-import { SettingsDialog } from "./settings-dialog";
+import RunCode from "@/components/run-code";
+import SettingsButton from "@/components/settings-button";
+import { SettingsDialog } from "@/components/settings-dialog";
 
-interface WorkspaceHeaderProps {
+interface PlaygroundHeaderProps {
   className?: string;
 }
 
-export function WorkspaceHeader({
+export function PlaygroundHeader({
   className,
   ...props
-}: WorkspaceHeaderProps) {
+}: PlaygroundHeaderProps) {
   const [isDialogOpen, setDialogOpen] = useState(false);
 
   const toggleDialog = () => {