fix(progress-step): fix label text if vertical is true (#1533)

Fixes #1532
carbon-design-system · Dec 8, 2022 · 75a69bb · 75a69bb
1 parent 7a98ec2
commit 75a69bb
Showing 1 changed file with 8 additions and 6 deletions.
diff --git a/src/ProgressIndicator/ProgressStep.svelte b/src/ProgressIndicator/ProgressStep.svelte
@@ -95,12 +95,14 @@
     {:else}
       <CircleDash title="{description}" />
     {/if}
-    <slot props="{{ class: 'bx--progress-label' }}">
-      <p class:bx--progress-label="{true}">{label}</p>
-    </slot>
-    {#if secondaryLabel}
-      <p class:bx--progress-optional="{true}">{secondaryLabel}</p>
-    {/if}
+    <div class:bx--progress-text="{true}">
+      <slot props="{{ class: 'bx--progress-label' }}">
+        <p class:bx--progress-label="{true}">{label}</p>
+      </slot>
+      {#if secondaryLabel}
+        <p class:bx--progress-optional="{true}">{secondaryLabel}</p>
+      {/if}
+    </div>
     <span class:bx--progress-line="{true}"></span>
   </button>
 </li>