[INJIVER-794] fix mobile stepper alignment

Signed-off-by: srikanth716 <[email protected]>
mosip · Dec 17, 2024 · 49dc9d9 · 49dc9d9
1 parent 0e0668e
commit 49dc9d9
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/ui/src/components/Home/VerificationProgressTracker/MobileStepper.tsx b/ui/src/components/Home/VerificationProgressTracker/MobileStepper.tsx
@@ -66,9 +66,9 @@ function MobileStepper(props: any) {
                  id="stepper">
                 {
                     getRangeOfNumbers(stepCount).map((value, index) => (
-                        <div key={index}>
+                        <div key={index} className='flex flex-column items-center'>
                             <Step stepNumber={value} activeOrCompleted={value <= activeScreen} />
-                            {(value < stepCount) && (<div className={`bg-${window._env_.DEFAULT_THEME}-gradient p-[1px] w-[44px] ${value >= activeScreen ? "opacity-20" : ""}`}><div className={stepperLine}/></div>)}
+                            {(value < stepCount) && (<div className={`bg-${window._env_.DEFAULT_THEME}-gradient p-[1px] w-[44px] h-[1px] ${value >= activeScreen ? "opacity-20" : ""}`}><div className={stepperLine}/></div>)}
                         </div>
                     ))
                 }
@@ -85,4 +85,4 @@ function MobileStepper(props: any) {
     );
 }
 
-export default MobileStepper;
+export default MobileStepper;