From 4f0d8925a48a58de4e6aa2e2732b89c1acdea08f Mon Sep 17 00:00:00 2001
From: TerryM <chiachintat10@gmail.com>
Date: Wed, 3 Jun 2026 08:13:55 +0800
Subject: [PATCH] style(popular): drop static border on rank row to match figma
 spec

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

diff --git a/src/components/PopularRankList.tsx b/src/components/PopularRankList.tsx
index 1867eaf..64c4a13 100644
--- a/src/components/PopularRankList.tsx
+++ b/src/components/PopularRankList.tsx
@@ -123,7 +123,7 @@ function PopularRankRow({
   };
 
   return (
-    <article className="relative flex items-center gap-3 overflow-hidden rounded-2xl border border-[#27292E] bg-[#272632] p-3 transition hover:border-ark-gold/55 md:h-[90px] md:gap-0 md:p-0">
+    <article className="relative flex items-center gap-3 overflow-hidden rounded-2xl bg-[#272632] p-3 transition hover:ring-1 hover:ring-ark-gold/55 md:h-[90px] md:gap-0 md:p-0">
       <button
         type="button"
         onClick={() =>
@@ -205,7 +205,7 @@ function ComingSoonRankRow({ index }: { index: number }) {
   const label = lang === "zh-CN" ? "即将到来" : "Coming soon";
   return (
     <article
-      className="flex items-center gap-3 rounded-2xl border border-[#27292E] bg-[#272632] p-3 opacity-70 md:gap-4 md:p-4"
+      className="flex items-center gap-3 rounded-2xl bg-[#272632] p-3 opacity-70 md:gap-4 md:p-4"
       aria-hidden="true"
     >
       <RankBadge index={index} />