From d3a25f4de606ac71ac7b70917b058d0d0cfa8622 Mon Sep 17 00:00:00 2001
From: userAdityaa <aditya.chaudhary1558@gmail.com>
Date: Thu, 21 May 2026 21:14:55 +0530
Subject: [PATCH] fix(video): restyle spotlight pin button on video tiles

---
 src/app/components/VideoCallContent.svelte | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/app/components/VideoCallContent.svelte b/src/app/components/VideoCallContent.svelte
index 6bd00ebf..47754ce8 100644
--- a/src/app/components/VideoCallContent.svelte
+++ b/src/app/components/VideoCallContent.svelte
@@ -216,8 +216,10 @@
         data-tip={pinned ? "Exit spotlight" : "Spotlight"}
         aria-pressed={pinned}
         class={cx(
-          "absolute right-1 top-1 z-20 btn btn-xs btn-square btn-ghost",
-          pinned ? "btn-active bg-primary/25 text-primary" : "bg-base-100/70",
+          "absolute right-1 top-1 z-20 btn btn-xs btn-square border-0 shadow-sm backdrop-blur-sm",
+          pinned
+            ? "bg-base-100/95 text-base-content hover:bg-base-100"
+            : "bg-black/45 text-white hover:bg-black/60",
         )}
         onclick={spotlightHandlerFor(tileKey(tile))}>
         <Icon icon={Pin} size={3} />