diff --git a/client/src/components/video-card.tsx b/client/src/components/video-card.tsx
index e651286..b975718 100644
--- a/client/src/components/video-card.tsx
+++ b/client/src/components/video-card.tsx
@@ -49,7 +49,7 @@ export default function VideoCard({ video, onClick }: VideoCardProps) {
       {/* Simple thumbnail with fallback - no HLS loading until needed */}
       <div 
         className="relative gradient-card rounded-xl overflow-hidden mb-4 aspect-video cursor-pointer group"
-        onClick={() => window.location.href = `/video/${video.id}`}
+        onClick={() => onClick?.(video)}
       >
         <img
           src={video.thumbnailUrl}
@@ -92,7 +92,7 @@ export default function VideoCard({ video, onClick }: VideoCardProps) {
       <div className="space-y-2">
         <h3 
           className="font-semibold line-clamp-2 hover:text-bunny-blue transition-colors text-bunny-light cursor-pointer"
-          onClick={() => window.location.href = `/video/${video.id}`}
+          onClick={() => onClick?.(video)}
           data-testid={`text-title-${video.id}`}
         >
           {video.title}