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>