From 5edfd823b862cfc1f864565021f12334fe9317c6 Mon Sep 17 00:00:00 2001
From: Eli Bosley <ekbosley@gmail.com>
Date: Tue, 8 Jul 2025 15:42:41 -0400
Subject: [PATCH] fix: activation indicator removed

---
 web/__test__/components/Activation/ActivationSteps.test.ts | 7 -------
 web/components/Activation/ActivationSteps.vue              | 4 +---
 2 files changed, 1 insertion(+), 10 deletions(-)

diff --git a/web/__test__/components/Activation/ActivationSteps.test.ts b/web/__test__/components/Activation/ActivationSteps.test.ts
index d05ff94a3..43b080eff 100644
--- a/web/__test__/components/Activation/ActivationSteps.test.ts
+++ b/web/__test__/components/Activation/ActivationSteps.test.ts
@@ -91,11 +91,4 @@ describe('ActivationSteps', () => {
 
     expect(wrapper.find('[data-testid="stepper"]').attributes('default-value')).toBe('2');
   });
-
-  it('renders separators between steps', () => {
-    const wrapper = mountComponent();
-    const separators = wrapper.findAll('[data-testid="stepper-separator"]');
-
-    expect(separators).toHaveLength(2);
-  });
 });
diff --git a/web/components/Activation/ActivationSteps.vue b/web/components/Activation/ActivationSteps.vue
index 1e9bf06b5..b98f2500b 100644
--- a/web/components/Activation/ActivationSteps.vue
+++ b/web/components/Activation/ActivationSteps.vue
@@ -10,7 +10,6 @@ import {
   Stepper,
   StepperDescription,
   StepperItem,
-  StepperSeparator,
   StepperTitle,
   StepperTrigger,
 } from '@unraid/ui';
@@ -75,7 +74,7 @@ const steps: readonly Step[] = [
 <template>
   <Stepper :default-value="activeStep" class="text-foreground flex w-full items-start gap-2 text-16px">
     <StepperItem
-      v-for="(step, index) in steps"
+      v-for="step in steps"
       :key="step.step"
       v-slot="{ state }: { state: StepState }"
       class="relative flex w-full flex-col items-center justify-center data-[disabled]:opacity-100"
@@ -111,7 +110,6 @@ const steps: readonly Step[] = [
           </StepperDescription>
         </div>
       </StepperTrigger>
-      <StepperSeparator v-if="index < steps.length - 1" class="w-[50px] bg-black h-[30px]" />
     </StepperItem>
   </Stepper>
 </template>