From 265965b1f912cb3251f5142976df495080ad83e1 Mon Sep 17 00:00:00 2001
From: Willy <willychai05@gmail.com>
Date: Thu, 16 Mar 2023 19:03:42 +0700
Subject: [PATCH] fix text overflow when progressIndicator space-equally

---
 src/ProgressIndicator/ProgressStep.svelte | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/ProgressIndicator/ProgressStep.svelte b/src/ProgressIndicator/ProgressStep.svelte
index 57446ff2..d8864198 100644
--- a/src/ProgressIndicator/ProgressStep.svelte
+++ b/src/ProgressIndicator/ProgressStep.svelte
@@ -70,6 +70,7 @@
     class:bx--progress-step-button="{true}"
     class:bx--progress-step-button--unclickable="{current ||
       $preventChangeOnClick}"
+    style="width: 100%; padding-right: 16px;"
     on:click
     on:click="{() => {
       if (!step.complete) return;
@@ -95,7 +96,7 @@
     {:else}
       <CircleDash title="{description}" />
     {/if}
-    <div class:bx--progress-text="{true}">
+    <div class:bx--progress-text="{true}" style="width: 100%;">
       <slot props="{{ class: 'bx--progress-label' }}">
         <p class:bx--progress-label="{true}">{label}</p>
       </slot>