From d1e4f0500c476bd9ac20de6a0046a2f0bbb1fe4b Mon Sep 17 00:00:00 2001
From: Natalie Rose <natalie@omg.lol>
Date: Fri, 25 Sep 2026 22:38:44 +1000
Subject: [PATCH] Progress bar fix for Chrome

---
 app/components/menu/bottomBar/bottomBarSection.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/app/components/menu/bottomBar/bottomBarSection.tsx b/app/components/menu/bottomBar/bottomBarSection.tsx
index b9696406..6ae7f695 100644
--- a/app/components/menu/bottomBar/bottomBarSection.tsx
+++ b/app/components/menu/bottomBar/bottomBarSection.tsx
@@ -14,6 +14,7 @@ type Props = {
 };
 
 const progressBarHeight = 6;
+const progressBarWidth = 65;
 
 const BottomBarSection: React.FunctionComponent<Props> = ({
   title,
@@ -39,7 +40,7 @@ const BottomBarSection: React.FunctionComponent<Props> = ({
     {progressPercent !== undefined ? (
       <div>
         <progress
-          style={{ height: progressBarHeight }}
+          style={{ height: progressBarHeight, width: progressBarWidth }}
           className={classNames('progress is-small', {
             'is-success': progressPercent > 0 && progressPercent < 90,
             'is-warning': progressPercent >= 90 && progressPercent < 95,
-- 
2.51.2