fix: vertically align epoch slider

Author: amliu-jumptrading

src/features/Navigation/EpochSlider.tsx

@@ -328,29 +328,26 @@ function SliderThumbTooltip({ isOpen }: { isOpen: boolean }) {
         })}
       />
       <FloatingPortal id="app">
-        <div
+        <Text
+          size="1"
           ref={refs.setFloating}
           style={floatingStyles}
           className={clsx(
             "rt-TooltipContent",
+            "rt-TooltipText",
             isOpen ? styles.show : styles.hide,
           )}
         >
           <SlotOverrideText />
-        </div>
+        </Text>
       </FloatingPortal>
     </>
   );
 }
 
 function SlotOverrideText() {
   const slotOverride = useAtomValue(slotOverrideAtom);
-
-  return (
-    <Text size="1" className="rt-TooltipText">
-      {slotOverride}
-    </Text>
-  );
+  return slotOverride;
 }
 
 const isFutureSlotAtom = (slot: number) =>