Fix: position badge borders

sliit-foss · Sep 4, 2023 · 9ef9b7d · 9ef9b7d
1 parent b285305
commit 9ef9b7d
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/components/home/score-card/index.jsx b/src/components/home/score-card/index.jsx
@@ -25,8 +25,9 @@ export const ScoreCard = ({ item, ...props }) => {
       <div className="flex gap-6 items-center">
         <div
           className={twMerge(
-            `w-16 h-16 rounded-2xl border border-black/10 flex justify-center items-center filter group-hover:brightness-[1.25] transition-all duration-medium`,
-            [1, 2, 3].includes(item.place) && "bg-gradient-to-tr from-[#f90000] to-[#FF881A] text-white"
+            `w-16 h-16 rounded-2xl outline outline-1 outline-black/[0.125] flex justify-center items-center filter group-hover:brightness-[1.25] transition-all duration-medium`,
+            [1, 2, 3].includes(item.place) &&
+              "bg-gradient-to-tr from-[#f90000] to-[#FF881A] text-white outline-transparent"
           )}
         >
           <Title className="font-medium">{item.place}</Title>