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>