diff --git a/src/app/(app)/playground/@description/layout.tsx b/src/app/(app)/playground/@problem/layout.tsx
similarity index 89%
rename from src/app/(app)/playground/@description/layout.tsx
rename to src/app/(app)/playground/@problem/layout.tsx
index 21e38ed..b88a49e 100644
--- a/src/app/(app)/playground/@description/layout.tsx
+++ b/src/app/(app)/playground/@problem/layout.tsx
@@ -2,11 +2,11 @@ import { FileTextIcon } from "lucide-react";
 import { ScrollArea, ScrollBar } from "@/components/ui/scroll-area";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
 
-interface DescriptionLayoutProps {
+interface ProblemLayoutProps {
   children: React.ReactNode;
 }
 
-export default function DescriptionLayout({ children }: DescriptionLayoutProps) {
+export default function ProblemLayout({ children }: ProblemLayoutProps) {
   return (
     <Tabs defaultValue="description" className="h-full flex flex-col">
       <ScrollArea className="h-9 flex-none bg-muted px-1">
diff --git a/src/app/(app)/playground/@description/page.tsx b/src/app/(app)/playground/@problem/page.tsx
similarity index 100%
rename from src/app/(app)/playground/@description/page.tsx
rename to src/app/(app)/playground/@problem/page.tsx
diff --git a/src/app/(app)/playground/layout.tsx b/src/app/(app)/playground/layout.tsx
index 7b93d5c..87da06f 100644
--- a/src/app/(app)/playground/layout.tsx
+++ b/src/app/(app)/playground/layout.tsx
@@ -5,18 +5,18 @@ import {
 } from "@/components/ui/resizable";
 
 interface PlaygroundLayoutProps {
-  description: React.ReactNode;
+  problem: React.ReactNode;
   workspace: React.ReactNode;
 }
 
 export default function PlaygroundLayout({
-  description,
+  problem,
   workspace,
 }: PlaygroundLayoutProps) {
   return (
     <ResizablePanelGroup direction="horizontal" className="p-2.5 pt-0">
       <ResizablePanel defaultSize={50} className="border border-muted rounded-2xl">
-        {description}
+        {problem}
       </ResizablePanel>
       <ResizableHandle
         withHandle