diff --git a/client/src/components/overlay/RoutePanel.tsx b/client/src/components/overlay/RoutePanel.tsx
index fe19a1d..0c76c03 100644
--- a/client/src/components/overlay/RoutePanel.tsx
+++ b/client/src/components/overlay/RoutePanel.tsx
@@ -223,7 +223,7 @@ export default function RoutePanel({ currentTime, visible, onSeek }: RoutePanelP
   ];
   const minKm = Math.min(...allKms);
   const maxKm = Math.max(...allKms);
-  const kmToY = (km: number) => ((km - minKm) / (maxKm - minKm)) * 100;
+  const kmToY = (km: number) => (1 - (km - minKm) / (maxKm - minKm)) * 100;
 
   return (
     <div
@@ -289,8 +289,8 @@ export default function RoutePanel({ currentTime, visible, onSeek }: RoutePanelP
           style={{
             left: 30,
             right: 4,
-            top: `${kmToY(visibleRange.minKm)}%`,
-            bottom: `${100 - kmToY(visibleRange.maxKm)}%`,
+            top: `${kmToY(visibleRange.maxKm)}%`,
+            bottom: `${100 - kmToY(visibleRange.minKm)}%`,
             border: '1px solid rgba(74,222,128,0.7)',
             background: 'rgba(74,222,128,0.08)',
           }}