diff --git a/src/components/nav/NavBar.tsx b/src/components/nav/NavBar.tsx
index a75d8c4..ec2d55a 100644
--- a/src/components/nav/NavBar.tsx
+++ b/src/components/nav/NavBar.tsx
@@ -1,4 +1,4 @@
-import { BaseBarComponents } from "./BaseBarComponents";
+import { BaseBarComponents } from "./BaseBarComponents.js";
 import style from "./NavBar.module.css";
 
 export function NavBar({ width }: { width: number }) {
@@ -6,8 +6,8 @@ export function NavBar({ width }: { width: number }) {
     <nav
       className={
         width >= 800
-          ? style["nav-bar"] + " " + style["side-nav"]
-          : style["nav-bar"] + " " + style["bottom-nav"]
+          ? `${style["nav-bar"]} ${style["side-nav"]}`
+          : `${style["nav-bar"]} ${style["bottom-nav"]}`
       }
     >
       <BaseBarComponents width={width} />
diff --git a/src/routes/RelativeVehiclePosition.tsx b/src/routes/RelativeVehiclePosition.tsx
index 542a5ed..59b4704 100644
--- a/src/routes/RelativeVehiclePosition.tsx
+++ b/src/routes/RelativeVehiclePosition.tsx
@@ -20,9 +20,6 @@ export default function RelativeVehiclePosition() {
   useEffect(() => {
     document.title = `Stop ID ${stopNum} | TTC arrivals`;
   });
-  useEffect(() => {
-    updateData();
-  }, []);
 
   const updateData = (vehicle: number = vehicleId) => {
     getVehicleLocation(vehicle).then((res) => {
@@ -30,6 +27,10 @@ export default function RelativeVehiclePosition() {
     });
   };
 
+  useEffect(() => {
+    updateData();
+  }, []);
+
   const onRefreshClick = useCallback(() => {
     updateData();
   }, []);