From 75a69bbfc29e4f78aca17b3752cb742d31e2d817 Mon Sep 17 00:00:00 2001
From: brunnerh <brunnerh@users.noreply.github.com>
Date: Thu, 8 Dec 2022 05:03:34 +0100
Subject: [PATCH] fix(progress-step): fix label text if `vertical` is `true`
 (#1533)

Fixes #1532
---
 src/ProgressIndicator/ProgressStep.svelte | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/ProgressIndicator/ProgressStep.svelte b/src/ProgressIndicator/ProgressStep.svelte
index d3cde4ea..57446ff2 100644
--- 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>