From c0e393362c19e06e0e2c2f68b7c1a559df3b4a62 Mon Sep 17 00:00:00 2001
From: Lemon <lemonknowsall@gmail.com>
Date: Wed, 18 Mar 2026 23:46:40 -0700
Subject: [PATCH] Move vine mute toggle from top-right to bottom-right corner

---
 src/pages/VinesFeedPage.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/VinesFeedPage.tsx b/src/pages/VinesFeedPage.tsx
index b5fbfe8f..46ed65cf 100644
--- a/src/pages/VinesFeedPage.tsx
+++ b/src/pages/VinesFeedPage.tsx
@@ -441,10 +441,10 @@ export function VineCard({ event, isActive, isNearActive, onCommentClick }: Vine
         </>
       )}
 
-      {/* ── Mute toggle (top-right) — only shown once video is ready ──── */}
+      {/* ── Mute toggle (bottom-right) — only shown once video is ready ──── */}
       {isVideoReady && (
         <button
-          className="absolute top-4 right-4 z-10 size-9 rounded-full bg-black/40 backdrop-blur-sm border border-white/20 flex items-center justify-center text-white hover:bg-black/60 transition-colors"
+          className="absolute bottom-4 right-4 z-10 size-9 rounded-full bg-black/40 backdrop-blur-sm border border-white/20 flex items-center justify-center text-white hover:bg-black/60 transition-colors"
           onClick={toggleMute}
           aria-label={isMuted ? 'Unmute' : 'Mute'}
         >