diff --git a/apps/showcase/doc/stepper/LinearDoc.vue b/apps/showcase/doc/stepper/LinearDoc.vue
index a7600922c..d3ef33431 100644
--- a/apps/showcase/doc/stepper/LinearDoc.vue
+++ b/apps/showcase/doc/stepper/LinearDoc.vue
@@ -12,7 +12,7 @@
             <StepPanels>
                 <StepPanel v-slot="{ activateCallback }" value="1">
                     <div class="flex flex-col h-48">
-                        <div class="border-2 border-dashed border-surface-200 dark:border-surface-700 rounded bg-surface-50 dark:bg-surface-950 flex-auto flex justify-center items-center font-medium">Content II</div>
+                        <div class="border-2 border-dashed border-surface-200 dark:border-surface-700 rounded bg-surface-50 dark:bg-surface-950 flex-auto flex justify-center items-center font-medium">Content I</div>
                     </div>
                     <div class="flex pt-6 justify-end">
                         <Button label="Next" icon="pi pi-arrow-right" @click="activateCallback('2')" />
@@ -56,9 +56,9 @@ export default {
     <StepPanels>
         <StepPanel v-slot="{ activateCallback }" value="1">
             <div class="flex flex-col h-48">
-                <div class="border-2 border-dashed border-surface-200 dark:border-surface-700 rounded bg-surface-50 dark:bg-surface-950 flex-auto flex justify-center items-center font-medium">Content II</div>
+                <div class="border-2 border-dashed border-surface-200 dark:border-surface-700 rounded bg-surface-50 dark:bg-surface-950 flex-auto flex justify-center items-center font-medium">Content I</div>
             </div>
-           <div class="flex pt-6 justify-end">
+            <div class="flex pt-6 justify-end">
                 <Button label="Next" icon="pi pi-arrow-right" @click="activateCallback('2')" />
             </div>
         </StepPanel>
@@ -94,7 +94,7 @@ export default {
             <StepPanels>
                 <StepPanel v-slot="{ activateCallback }" value="1">
                     <div class="flex flex-col h-48">
-                        <div class="border-2 border-dashed border-surface-200 dark:border-surface-700 rounded bg-surface-50 dark:bg-surface-950 flex-auto flex justify-center items-center font-medium">Content II</div>
+                        <div class="border-2 border-dashed border-surface-200 dark:border-surface-700 rounded bg-surface-50 dark:bg-surface-950 flex-auto flex justify-center items-center font-medium">Content I</div>
                     </div>
                     <div class="flex pt-6 justify-end">
                         <Button label="Next" icon="pi pi-arrow-right" @click="activateCallback('2')" />
@@ -134,7 +134,7 @@ export default {
             <StepPanels>
                 <StepPanel v-slot="{ activateCallback }" value="1">
                     <div class="flex flex-col h-48">
-                        <div class="border-2 border-dashed border-surface-200 dark:border-surface-700 rounded bg-surface-50 dark:bg-surface-950 flex-auto flex justify-center items-center font-medium">Content II</div>
+                        <div class="border-2 border-dashed border-surface-200 dark:border-surface-700 rounded bg-surface-50 dark:bg-surface-950 flex-auto flex justify-center items-center font-medium">Content I</div>
                     </div>
                     <div class="flex pt-6 justify-end">
                         <Button label="Next" icon="pi pi-arrow-right" @click="activateCallback('2')" />
diff --git a/apps/showcase/doc/stepper/VerticalDoc.vue b/apps/showcase/doc/stepper/VerticalDoc.vue
index 9ed030be5..fff08e9ee 100644
--- a/apps/showcase/doc/stepper/VerticalDoc.vue
+++ b/apps/showcase/doc/stepper/VerticalDoc.vue
@@ -8,7 +8,7 @@
                 <Step>Header I</Step>
                 <StepPanel v-slot="{ activateCallback }">
                     <div class="flex flex-col h-48">
-                        <div class="border-2 border-dashed border-surface-200 dark:border-surface-700 rounded bg-surface-50 dark:bg-surface-950 flex-auto flex justify-center items-center font-medium">Content II</div>
+                        <div class="border-2 border-dashed border-surface-200 dark:border-surface-700 rounded bg-surface-50 dark:bg-surface-950 flex-auto flex justify-center items-center font-medium">Content I</div>
                     </div>
                     <div class="py-6">
                         <Button label="Next" @click="activateCallback('2')" />
@@ -54,7 +54,7 @@ export default {
         <Step>Header I</Step>
         <StepPanel v-slot="{ activateCallback }">
             <div class="flex flex-col h-48">
-                <div class="border-2 border-dashed border-surface-200 dark:border-surface-700 rounded bg-surface-50 dark:bg-surface-950 flex-auto flex justify-center items-center font-medium">Content II</div>
+                <div class="border-2 border-dashed border-surface-200 dark:border-surface-700 rounded bg-surface-50 dark:bg-surface-950 flex-auto flex justify-center items-center font-medium">Content I</div>
             </div>
              <div class="py-6">
                 <Button label="Next" @click="activateCallback('2')" />
@@ -94,7 +94,7 @@ export default {
                 <Step>Header I</Step>
                 <StepPanel v-slot="{ activateCallback }">
                     <div class="flex flex-col h-48">
-                        <div class="border-2 border-dashed border-surface-200 dark:border-surface-700 rounded bg-surface-50 dark:bg-surface-950 flex-auto flex justify-center items-center font-medium">Content II</div>
+                        <div class="border-2 border-dashed border-surface-200 dark:border-surface-700 rounded bg-surface-50 dark:bg-surface-950 flex-auto flex justify-center items-center font-medium">Content I</div>
                     </div>
                      <div class="py-6">
                         <Button label="Next" @click="activateCallback('2')" />
@@ -136,7 +136,7 @@ export default {
                 <Step>Header I</Step>
                 <StepPanel v-slot="{ activateCallback }">
                     <div class="flex flex-col h-48">
-                        <div class="border-2 border-dashed border-surface-200 dark:border-surface-700 rounded bg-surface-50 dark:bg-surface-950 flex-auto flex justify-center items-center font-medium">Content II</div>
+                        <div class="border-2 border-dashed border-surface-200 dark:border-surface-700 rounded bg-surface-50 dark:bg-surface-950 flex-auto flex justify-center items-center font-medium">Content I</div>
                     </div>
                     <div class="py-6">
                         <Button label="Next" @click="activateCallback('2')" />