diff --git a/src/app/problems/components/ProblemCard.tsx b/src/app/problems/components/ProblemCard.tsx
index 3ea94e4..8b0e4ff 100644
--- a/src/app/problems/components/ProblemCard.tsx
+++ b/src/app/problems/components/ProblemCard.tsx
@@ -97,7 +97,13 @@ const ProblemCard = ({
 
       {/* Footer */}
       <CardFooter className="absolute bottom-4 right-4 p-0 opacity-0 group-hover:opacity-100 transition-all">
-        <Button size="icon">
+        <Button
+          size="icon"
+          onClick={async () => {
+            await fetch(`http://127.0.0.1:63780/start-run/${problem.id}`);
+            window.open("vscode://", "_blank");
+          }}
+        >
           <Zap className="h-4 w-4" />
         </Button>
       </CardFooter>
diff --git a/src/app/problems/page.tsx b/src/app/problems/page.tsx
index 2abc43d..2810e66 100644
--- a/src/app/problems/page.tsx
+++ b/src/app/problems/page.tsx
@@ -14,8 +14,6 @@ import { getProblems } from "@/modules/problems/actions";
 export default function Problems() {
   const [problems, problemsLoaded, problemsError] = useAction(getProblems);
 
-  console.log(problems);
-
   const [viewMode, setViewMode] = useState<"grid" | "list">("grid");
 
   const difficulties = ["All", "Easy", "Medium", "Hard"];