diff --git a/src/assets/white-gradient.png b/src/assets/white-gradient.png
new file mode 100644
index 0000000000000000000000000000000000000000..fc208c8425ff480b43b7dbdc3c9dcc3e1875aad5
GIT binary patch
literal 1138
zcmeAS@N?(olHy`uVBq!ia0y~yU=U$oU|7Y$#=yX^)-#`jfq{Xuz$3Dlfr0M`2s2LA
z=96Y%U{UdOaSX|5+!}Rz+G7Qt#g>2n$EU@&$+&xL^VwWCa~Y#z`~**{<a3tC=N~<P
zMs1@-{y9r~i-(_o)_j<ydt_gKv3Hq8+r~Q*M%#XDkNOj2KJ)cd_T-+zoy^J=Tr1d)
zytnSITg~Wq=aEE|*_xV1PfRp(RF9oVv^pk{nP|-*{b1IFsh;dtwBGO?);2nD^28O*
z`I8j&uAJJ$)c5Ap+(isZ%IqFYZqp~o9-DCV$~5)uJzhuq))*>=Y`y7X7SXs&FMOS4
ztKaJnN3N#!&)sAfzBEaF>8vYdJGEJI7Vh3KQ|wsNxt525@p}rDA}?lKcRpFP?GEpW
zytH@ge{*eEs-h*+-`jX*8{^p-({eX|Vi4c+sQ1V9)Tyg_li$t@ntD<@>vH03re!`Z
zw<oCUmfU_<buM$k<Sp(&5pQ-m6&~%B;Ga^<9>CRnnM);MyI`st_v~7~NY~Wx<_o3K
zk3wW0y;^@|;p-xq|G_~wW^m6eiMUvHAnAvf>>}+PM(zoQNqRdMMEl<i%h@&8t}yRW
z=7v3w5>m|mpGj1cOq%Te%}k-GtZ`bd`=e6XgR7JJzi*!_#J=(E35Lfr^y_A7_6s-Z
zOJC6xHi^vFQ#Ps0NRR%QHZfDfFHOgK-F?F|NjD86*-l)DRj~b@syc;fS7A`{qwk+e
z?@O(SIQ3rihNsgpjkwJghXR;3v5Ku={&z$3qZ|8@6p4e=&9?21V@aBPyL3gvE}?CP
zDQEWyyZ??na`*gtk7+C^J&%|^Mlqgp-hJt~*0PmJ^HXBvO#F{3*2Z^mM>c$1bjkYm
z)9rU;mFMIN^sMaFjbHcdVbYmxn>vLj&eV;+x$Xtmo3c5{*E}yh^YRJU^E~Z-)!I9q
z3;#&!Wq(+ir!}=qO}Wu>^89B1YVXRT7e;rbYQrY?1vc9Ho;Vv|`t7k=tHbiB9}I7H
zEqfDqL#uDcf};k0DO+D``j;jw>cQq$-o@1USmf}R&U=gwi|tqHH%#_fuCL;MMyUPk
z&B!%1rR&8uOKkdkhw(Op<nFwrHS*$pEM`rvOOI{KVqUa*`P0u8^(!V_NQ|83dyUik
zK#!}M%*7Wc9p8!_za)IvQ+Ju(|LN<(8S~Xm%{q==@a<Y^cHA&!^4uAAQnzpOnA?Wv
zURis*Xu|BC)Z2b1lWyFqS``u({AR~rtGvtQ@j8rU+zHJ7F?&yHh`m{pv9m{E#ssZ0
z3AxHo_O@d2dN=&7TT5-GC;ocyd2&+vx@}k3mU8{yG;IQt*7rEgH#{r$PA@e2onxG`
zwc=17&!=;WyUQFdv(JCLc6ozeQl{<2@}!FEit~2(>E7kFf1Aqo?eocliD9iSyH55g
zo!jPPdcm@CD$mU)ew+R8Tgs@n9(}t-PIr3Y#z~5?oD#e8mLIp=QzrEJ7w5N+>+@dc
z|Ean1Lc2}xhQ!hJ+aqIi9YXcisy*ci>i)~}g6ThV%e&w6JFT@f7#J8BJYD@<);T3K
F0RXSF7X<(S

literal 0
HcmV?d00001

diff --git a/src/components/home/playing/NowPlaying.astro b/src/components/home/playing/NowPlaying.astro
index 7449312..38b5e8f 100644
--- a/src/components/home/playing/NowPlaying.astro
+++ b/src/components/home/playing/NowPlaying.astro
@@ -13,6 +13,7 @@ import boxTlbr from "/assets/box-tlbr.png";
 import boxTB from "/assets/box-tb.png";
 import popoutSpeech from "/assets/popout-speech.png";
 import smallBoxMask from "/assets/small-box-mask-1-0.png";
+import whiteGradient from "/assets/white-gradient.png";
 
 const track = await sdk.player.getCurrentlyPlayingTrack().catch(() => null);
 
@@ -34,6 +35,7 @@ const isSong = (
   --box-tb-png: url("${boxTB.src}");
   --popout-speech-png: url("${popoutSpeech.src}");
   --small-box-mask-png: url("${smallBoxMask.src}");
+  --white-gradient-png: url("${whiteGradient.src}");
 `}
 >
   <button
@@ -237,11 +239,27 @@ const isSong = (
         content: ">" / "";
         position: sticky;
         right: 0px;
-
+        
+        padding-inline: 5px;
         height: 100%;
         width: 40px;
-        
-        background-color: white;
+
+        background-image: var(--white-gradient-png);
+        background-size: 100%;
+
+        font-weight: bold;
+        font-size: 20px;
+        --outline-size: 5px;
+        text-shadow:
+          var(--outline-size) 0 white,
+          calc(var(--outline-size) * -1) 0 white,
+          0 var(--outline-size) white,
+          0 calc(var(--outline-size) * -1) white,
+          0 0 calc(var(--outline-size) * 2) white;
+
+        display: flex;
+        align-items: center;
+        justify-content: end;
       }
     }
   }