From 373c3587e0aa210ba7692e2e42cc7140b589c5c4 Mon Sep 17 00:00:00 2001
From: Harald Brunner <brunnerh@users.noreply.github.com>
Date: Fri, 21 Oct 2022 11:34:50 +0200
Subject: [PATCH] Fix vertical layout of ProgressStep.

---
 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 1366c627..8c662311 100644
--- a/src/ProgressIndicator/ProgressStep.svelte
+++ b/src/ProgressIndicator/ProgressStep.svelte
@@ -92,12 +92,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>