use css var for positioning

acmucsd · Oct 22, 2024 · 14a14c7 · 14a14c7
1 parent 09bcb05
commit 14a14c7
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/components/onboarding/Leaderboard/index.tsx b/src/components/onboarding/Leaderboard/index.tsx
@@ -90,7 +90,7 @@ const Leaderboard = ({ user }: LeaderboardProps) => {
             even={name !== userName}
             className={styles.row}
             style={{
-              transform: `translateY(${position * 4}rem)`,
+              transform: `translateY(calc(${position} * var(--leaderboard-height)))`,
               zIndex: name === userName ? '5' : undefined,
             }}
           />