lottery fix

components/lottery/LotteryWinnersSection.tsx

@@ -188,9 +188,11 @@ const LotteryWinnersSection = ({ lotteryStatus }: { lotteryStatus: string }) =>
 
       <div className="container">
         <div
-          className="flex flex-col items-center rounded-[32px] gap-[40px] pt-[40px]"
+          className="flex flex-col items-center rounded-[32px] gap-[40px]"
           style={{ background: 'linear-gradient(180deg, #F0ECF4 0%, #E1E0FF 43.5%)' }}>
-          {winnerSelectingStatus === 'not-selected' || winnerSelectingStatus === 'is-selecting' ? (
+          <div className="flex items-center justify-center w-full min-h-[240px]">
+            {winnerSelectingStatus === 'not-selected' ||
+            winnerSelectingStatus === 'is-selecting' ? (
               <AnimatedText
                 text={displayText}
                 className="text-center flex items-center justify-center text-[100px] leading-[108px] text-[#E65E19]"
@@ -209,6 +211,7 @@ const LotteryWinnersSection = ({ lotteryStatus }: { lotteryStatus: string }) =>
                 )}
               </div>
             )}
+          </div>
 
           <div className="z-10">
             <LotterySlotCounter numberString={currentNumber} isAnimating={isSlotCounterAnimating} />

components/lottery/slotCounter/LotterySlotCounter.tsx

@@ -84,6 +84,7 @@ const LotterySlotCounter = ({ numberString, isAnimating }: LotterySlotCounterPro
             speed={2}
             delay={2}
             startFromLastDigit
+            animateUnchanged
             animateOnVisible={false}
             autoAnimationStart={false}
           />