diff --git a/web/src/features/progress/CircleProgressbar.tsx b/web/src/features/progress/CircleProgressbar.tsx
index 709dd38..b78d5e0 100644
--- a/web/src/features/progress/CircleProgressbar.tsx
+++ b/web/src/features/progress/CircleProgressbar.tsx
@@ -28,6 +28,9 @@ const useStyles = createStyles((theme, params: { position: 'middle' | 'bottom';
     alignItems: 'center',
   },
   progress: {
+    '> svg > circle:nth-child(1)': {
+      stroke: theme.colors.dark[5],
+    },
     // Scuffed way of grabbing the first section and animating it
     '> svg > circle:nth-child(2)': {
       transition: 'none',