From ce4a386415359ca569f3f35f111ced2c57f055e0 Mon Sep 17 00:00:00 2001
From: Minseo Lee <itoupluk427@gmail.com>
Date: Fri, 30 Aug 2024 22:35:59 +0900
Subject: [PATCH] Update ListTable.tsx

---
 src/components/metrics/ListTable.tsx | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/src/components/metrics/ListTable.tsx b/src/components/metrics/ListTable.tsx
index b06f3a153..f5b65a3dc 100644
--- a/src/components/metrics/ListTable.tsx
+++ b/src/components/metrics/ListTable.tsx
@@ -106,11 +106,8 @@ const AnimatedRow = ({ label, value = 0, percent, change, animate, showPercentag
       </div>
       {showPercentage && (
         <div className={styles.percent}>
-          <animated.div
-            className={styles.bar}
-            style={{ width: props.width.to(n => `${n}%`), fontVariantNumeric: 'tabular-nums' }}
-          />
-          <animated.span>
+          <animated.div className={styles.bar} style={{ width: props.width.to(n => `${n}%`) }} />
+          <animated.span style={{ fontVariantNumeric: 'tabular-nums' }}>
             {props.width.to(n => intl.formatNumber(n / 100, { style: 'percent' }))}
           </animated.span>
         </div>