From 9da8ad64a6455512efc14b8da8ad6da2d8b1e32e Mon Sep 17 00:00:00 2001
From: Ricki Moore <mavrik.dev@gmail.com>
Date: Mon, 17 Feb 2025 16:28:11 +0100
Subject: [PATCH] Fix: mobile style (#312)

---
 src/components/HorizontalStepper/HorizontalStepper.tsx | 2 +-
 src/components/SideBar/SideItem.tsx                    | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/HorizontalStepper/HorizontalStepper.tsx b/src/components/HorizontalStepper/HorizontalStepper.tsx
index 672fc510..383e6570 100644
--- a/src/components/HorizontalStepper/HorizontalStepper.tsx
+++ b/src/components/HorizontalStepper/HorizontalStepper.tsx
@@ -79,7 +79,7 @@ const HorizontalStepper: FC<HorizontalStepperProps> = ({ children, steps }) => {
         </motion.div>
         <ProgressBar total={totalSteps} position={currentStep + 1} />
       </div>
-      <div className='w-full lg:h-full relative createSlide'>
+      <div className='w-full relative createSlide'>
         <Carousel swiping={false} slideIndex={currentStep} dragging={false} withoutControls>
           {slides.map((child, index) => (
             <div key={index} className='sm:h-full w-full'>
diff --git a/src/components/SideBar/SideItem.tsx b/src/components/SideBar/SideItem.tsx
index 423dfb52..c096beaa 100644
--- a/src/components/SideBar/SideItem.tsx
+++ b/src/components/SideBar/SideItem.tsx
@@ -33,7 +33,9 @@ const SideItem: FC<SideItemProps> = ({ children, isActive, className, href, isDi
     </Link>
   )
   return isDisabled ? (
-    <DisabledTooltip place='right'>{renderContent()}</DisabledTooltip>
+    <div className='w-full flex items-center justify-center'>
+      <DisabledTooltip place='right'>{renderContent()}</DisabledTooltip>
+    </div>
   ) : (
     renderContent()
   )