diff --git a/src/View/Components/Steps.php b/src/View/Components/Steps.php
index 3fcf529..2e93c07 100644
--- a/src/View/Components/Steps.php
+++ b/src/View/Components/Steps.php
@@ -34,7 +34,7 @@ public function render(): View|Closure|string
                         }"
                     >
                         <!-- STEP LABELS -->
-                        <ul class="steps">
+                        <ul class="steps" :class="{'steps-vertical': {{ $vertical }}}">
                             <template x-for="(step, index) in steps" :key="index">
                                 <li x-html="step.text" :data-content="step.dataContent || (index + 1)" class="step" :class="(index + 1 <= current) && '{{ $stepsColor }} ' + step.classes"></li>
                             </template>