diff --git a/client/src/components/video-card.tsx b/client/src/components/video-card.tsx
index f91848d..f69cd41 100644
--- a/client/src/components/video-card.tsx
+++ b/client/src/components/video-card.tsx
@@ -276,7 +276,7 @@ export default function VideoCard({ video, onClick, className = "", hideOverlay
               }}
             />
             
-            {/* Mute/Unmute button */}
+            {/* Mute/Unmute button - make it always visible and more prominent */}
             <button
               onClick={(e) => {
                 e.preventDefault();
@@ -294,15 +294,17 @@ export default function VideoCard({ video, onClick, className = "", hideOverlay
                 
                 if (videoRef.current) {
                   videoRef.current.muted = newMutedState;
+                  videoRef.current.volume = newMutedState ? 0 : 1;
                 }
               }}
-              className="absolute top-2 right-2 z-20 bg-black/50 hover:bg-black/70 text-white border-none p-2 rounded-full transition-all duration-200 opacity-75 hover:opacity-100"
+              className="absolute top-3 right-3 z-20 bg-black/80 hover:bg-black/90 text-white border-2 border-white/30 hover:border-white/50 p-2.5 rounded-full transition-all duration-200 opacity-90 hover:opacity-100 shadow-lg backdrop-blur-sm"
               data-testid="button-mute-toggle"
+              title={isMuted ? "Unmute video" : "Mute video"}
             >
               {isMuted ? (
-                <VolumeX className="w-4 h-4" />
+                <VolumeX className="w-5 h-5" />
               ) : (
-                <Volume2 className="w-4 h-4" />
+                <Volume2 className="w-5 h-5" />
               )}
             </button>