diff --git a/src/renderer/components/nav-bar/nav-bar.component.tsx b/src/renderer/components/nav-bar/nav-bar.component.tsx
index c747693b..d5389e6d 100644
--- a/src/renderer/components/nav-bar/nav-bar.component.tsx
+++ b/src/renderer/components/nav-bar/nav-bar.component.tsx
@@ -28,7 +28,9 @@ export function NavBar() {
     const color = useThemeColor("first-color");
     const t = useTranslation();
 
+
     const route = useObservable(() => pageState.route$);
+    console.log(route);
 
     function listVersions(){
         const versions = Array.isArray(installedVersions) ? [...installedVersions] : [];
@@ -53,7 +55,7 @@ export function NavBar() {
                 ))}
             </ol>
             <NavBarSpliter />
-            <NavBarItem isActive={route === "/blah"}>
+            <NavBarItem isActive={["/blah","/"].includes(route)}>
                 <Tippy placement="right" content={t("nav-bar.add-version")} className="!bg-neutral-900" arrow={false}>
                     <Link className="rounded-md w-9 h-9 flex justify-center items-center hover:bg-light-main-color-3 dark:hover:bg-main-color-3" to="blah">
                         <BsmIcon icon="add" className="text-blue-500 h-[34px]" style={{ color }} />