diff --git a/src/app/(app)/problems/[id]/features/testcase.tsx b/src/app/(app)/problems/[id]/features/testcase.tsx
index b102c86..3f315e9 100644
--- a/src/app/(app)/problems/[id]/features/testcase.tsx
+++ b/src/app/(app)/problems/[id]/features/testcase.tsx
@@ -1,12 +1,17 @@
 import TestcaseCard from "@/components/testcase-card";
+import { ScrollArea } from "@/components/ui/scroll-area";
 import { useProblemStore } from "@/providers/problem-store-provider";
 
 export default function Testcase() {
   const problem = useProblemStore((state) => state.problem);
 
   return (
-    <div className="h-full rounded-b-3xl border border-t-0 border-muted bg-background">
-      <TestcaseCard testcases={problem.testcases} />
+    <div className="relative h-full border border-t-0 border-muted rounded-b-3xl bg-background">
+      <div className="absolute h-full w-full">
+        <ScrollArea className="h-full">
+          <TestcaseCard testcases={problem.testcases} />
+        </ScrollArea>
+      </div>
     </div>
   );
 }