From 8264f19ad47e34681fe7a3bc89467362cc78d776 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=C3=A8sAbhi?= <43380238+tresabhi@users.noreply.github.com>
Date: Sun, 1 Oct 2023 17:45:53 -0500
Subject: [PATCH] fix: center aligned text in breakdown

---
 src/components/Breakdown/components/RowStat.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/Breakdown/components/RowStat.tsx b/src/components/Breakdown/components/RowStat.tsx
index c77ef784e..3c0cda7c0 100644
--- a/src/components/Breakdown/components/RowStat.tsx
+++ b/src/components/Breakdown/components/RowStat.tsx
@@ -55,6 +55,7 @@ export function RowStat({
             color: theme.colors.textHighContrast,
             fontWeight: 'bold',
             fontSize: 16,
+            textAlign: 'center',
           }}
         >
           {value}
@@ -62,7 +63,13 @@ export function RowStat({
       </div>
 
       {!minimized && (
-        <span style={{ color: theme.colors.textLowContrast, fontSize: 12 }}>
+        <span
+          style={{
+            color: theme.colors.textLowContrast,
+            textAlign: 'center',
+            fontSize: 12,
+          }}
+        >
           {name}
         </span>
       )}