diff --git a/design-library/src/components/BccProgress/BccProgress.css b/design-library/src/components/BccProgress/BccProgress.css
index 6713f6ca..e364f97c 100644
--- a/design-library/src/components/BccProgress/BccProgress.css
+++ b/design-library/src/components/BccProgress/BccProgress.css
@@ -14,17 +14,21 @@
 
     /* Size */
     .bcc-progress-container .bcc-form-label-lg .bcc-form-label-optional {
-        @apply text-label;
+        @apply text-label-base;
     }
 
-    .bcc-progress-sm .bcc-progress {
+    .bcc-progress-xs .bcc-progress {
         @apply h-0.5;
     }
 
-    .bcc-progress-md .bcc-progress {
+    .bcc-progress-sm .bcc-progress {
         @apply h-1;
     }
 
+    .bcc-progress-base .bcc-progress {
+        @apply h-1.5;
+    }
+
     .bcc-progress-lg .bcc-progress {
         @apply h-2;
     }
diff --git a/design-library/src/components/BccProgress/BccProgress.stories.ts b/design-library/src/components/BccProgress/BccProgress.stories.ts
index ac1392fa..d6d5aec6 100644
--- a/design-library/src/components/BccProgress/BccProgress.stories.ts
+++ b/design-library/src/components/BccProgress/BccProgress.stories.ts
@@ -79,9 +79,10 @@ export const Size: StoryFn<typeof BccProgress> = () => ({
   components: { BccProgress },
   template: `
     <div class="flex flex-col space-y-4">
-      <BccProgress class="w-1/4 bcc-progress-sm" :value="30"/>
-      <BccProgress class="w-1/4 bcc-progress-md" :value="22"/>
+      <BccProgress class="w-1/4 bcc-progress-xs" :value="30"/>
+      <BccProgress class="w-1/4 bcc-progress-sm" :value="22"/>
       <BccProgress class="w-1/4" :value="75"/>
+      <BccProgress class="w-1/4" bcc-progress-base :value="75"/>
       <BccProgress class="w-1/4 bcc-progress-lg" size="lg" :value="22"/>
       <BccProgress class="w-1/4 bcc-progress-xl" size="lg" :value="22"/>
       <BccProgress class="w-1/4 bcc-progress-2xl" size="lg" :value="22"/>