diff --git a/client/src/components/video-card.tsx b/client/src/components/video-card.tsx
index 0070d72..93205eb 100644
--- a/client/src/components/video-card.tsx
+++ b/client/src/components/video-card.tsx
@@ -197,15 +197,15 @@ export default function VideoCard({ video, onClick, className = "" }: VideoCardP
         )}
       </div>
       
-      <div className="space-y-2">
+      <div className="space-y-1">
         <h3 
-          className="font-semibold line-clamp-2 hover:text-bunny-blue transition-colors text-bunny-light cursor-pointer"
+          className="text-sm md:text-base font-medium line-clamp-2 hover:text-bunny-blue transition-colors text-bunny-light cursor-pointer"
           onClick={() => onClick?.(video)}
           data-testid={`text-title-${video.id}`}
         >
           {video.title}
         </h3>
-        <div className="flex items-center space-x-3 text-sm text-bunny-muted">
+        <div className="flex items-center space-x-2 text-xs md:text-sm text-bunny-muted">
           <span data-testid={`text-views-${video.id}`}>
             {formatViews(video.views)}
           </span>