diff --git a/src/app/(app)/problems/[id]/layout.tsx b/src/app/(app)/problems/[id]/layout.tsx
index a38e070..eec2f69 100644
--- a/src/app/(app)/problems/[id]/layout.tsx
+++ b/src/app/(app)/problems/[id]/layout.tsx
@@ -17,17 +17,17 @@ export default function PlaygroundLayout({
       <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-xl">
+          <ResizablePanel defaultSize={50} className="border border-muted rounded-xl min-w-9">
             {problem}
           </ResizablePanel>
           <ResizableHandle className="mx-1 bg-transparent hover:bg-blue-500" />
-          <ResizablePanel defaultSize={50}>
+          <ResizablePanel defaultSize={50} className="min-w-9">
             <ResizablePanelGroup direction="vertical">
-              <ResizablePanel defaultSize={50} className="border border-muted rounded-xl">
+              <ResizablePanel defaultSize={50} className="border border-muted rounded-xl min-h-9">
                 {workspace}
               </ResizablePanel>
               <ResizableHandle className="my-1 bg-transparent hover:bg-blue-500" />
-              <ResizablePanel defaultSize={50} className="border border-muted rounded-xl">
+              <ResizablePanel defaultSize={50} className="border border-muted rounded-xl min-h-9">
                 {terminal}
               </ResizablePanel>
             </ResizablePanelGroup>