diff --git a/play-life-web/src/components/PurchaseScreen.jsx b/play-life-web/src/components/PurchaseScreen.jsx
index 22f9b5f..5a2d527 100644
--- a/play-life-web/src/components/PurchaseScreen.jsx
+++ b/play-life-web/src/components/PurchaseScreen.jsx
@@ -387,7 +387,7 @@ function PurchaseScreen({ onNavigate, purchaseConfigId, taskId, taskName }) {
               <div className="task-name">
                 {item.name}
                 {item.estimated_remaining > 0 && (
-                  <span style={{ color: '#9ca3af', fontSize: '0.8em', marginLeft: '6px' }}>
+                  <span className="task-subtasks-count">
                     ({Math.round(item.estimated_remaining * 10) / 10})
                   </span>
                 )}
diff --git a/play-life-web/src/components/ShoppingList.jsx b/play-life-web/src/components/ShoppingList.jsx
index 2559b05..cf13e62 100644
--- a/play-life-web/src/components/ShoppingList.jsx
+++ b/play-life-web/src/components/ShoppingList.jsx
@@ -729,7 +729,7 @@ function ShoppingList({ onNavigate, refreshTrigger = 0, isActive = false, initia
                                 <div className="task-name">
                                   {item.name}
                                   {item.estimated_remaining > 0 && (
-                                    <span style={{ color: '#9ca3af', fontSize: '0.8em', marginLeft: '6px' }}>
+                                    <span className="task-subtasks-count">
                                       ({Math.round(item.estimated_remaining * 10) / 10})
                                     </span>
                                   )}
@@ -800,7 +800,7 @@ function ShoppingList({ onNavigate, refreshTrigger = 0, isActive = false, initia
                               <div className="task-name">
                                 {item.name}
                                 {item.estimated_remaining > 0 && (
-                                  <span style={{ color: '#9ca3af', fontSize: '0.8em', marginLeft: '6px' }}>
+                                  <span className="task-subtasks-count">
                                     ({Math.round(item.estimated_remaining * 10) / 10})
                                   </span>
                                 )}