From f971db25980ba7523b67425d1692e1a708bf3dad Mon Sep 17 00:00:00 2001
From: Amy Liu <amliu@jumptrading.com>
Date: Tue, 11 Nov 2025 10:02:24 -0600
Subject: [PATCH] fix: vertically align epoch slider

---
 src/features/Navigation/EpochSlider.tsx | 20 +++++++-------------
 1 file changed, 7 insertions(+), 13 deletions(-)

diff --git a/src/features/Navigation/EpochSlider.tsx b/src/features/Navigation/EpochSlider.tsx
index b8f42769..26c580ed 100644
--- a/src/features/Navigation/EpochSlider.tsx
+++ b/src/features/Navigation/EpochSlider.tsx
@@ -301,6 +301,8 @@ function SliderEpochProgress({
 const MSliderEpochProgress = memo(SliderEpochProgress);
 
 function SliderThumbTooltip({ isOpen }: { isOpen: boolean }) {
+  const slotOverride = useAtomValue(slotOverrideAtom);
+
   const { showNav } = useSlotsNavigation();
   const { refs, elements, floatingStyles, update } = useFloating({
     placement: "right",
@@ -328,31 +330,23 @@ 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>
+          {slotOverride}
+        </Text>
       </FloatingPortal>
     </>
   );
 }
 
-function SlotOverrideText() {
-  const slotOverride = useAtomValue(slotOverrideAtom);
-
-  return (
-    <Text size="1" className="rt-TooltipText">
-      {slotOverride}
-    </Text>
-  );
-}
-
 const isFutureSlotAtom = (slot: number) =>
   atom((get) => {
     const currentSlot = get(currentLeaderSlotAtom);