diff --git a/src/app/(app)/playground/layout.tsx b/src/app/(app)/playground/layout.tsx
index 282e98d..d36b75f 100644
--- a/src/app/(app)/playground/layout.tsx
+++ b/src/app/(app)/playground/layout.tsx
@@ -18,7 +18,7 @@ export default function PlaygroundLayout({
       <ResizablePanel defaultSize={50}>
         {problemDescription}
       </ResizablePanel>
-      <ResizableHandle withHandle />
+      <ResizableHandle withHandle className="w-0.5 hover:bg-blue-500" />
       <ResizablePanel defaultSize={50}>
         {children}
       </ResizablePanel>