diff --git a/client/src/components/video-card.tsx b/client/src/components/video-card.tsx
index 91b380f..6d09188 100644
--- a/client/src/components/video-card.tsx
+++ b/client/src/components/video-card.tsx
@@ -230,6 +230,17 @@ export default function VideoCard({ video, onClick, className = "" }: VideoCardP
         <div className="absolute bottom-2 right-2 bg-black/70 text-white text-xs px-2 py-1 rounded z-10">
           {formatDuration(video.duration)}
         </div>
+
+        {/* Title overlay at bottom */}
+        <div className="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/90 via-black/50 to-transparent p-3">
+          <h3 
+            className="text-white text-sm md:text-base font-semibold line-clamp-2 hover:text-bunny-blue transition-colors duration-300 cursor-pointer"
+            onClick={() => onClick?.(video)}
+            data-testid={`text-title-${video.id}`}
+          >
+            {video.title}
+          </h3>
+        </div>
         
       </div>