diff --git a/src/renderer/components/nav-bar/nav-bar.component.tsx b/src/renderer/components/nav-bar/nav-bar.component.tsx
index ab7c1bcb..5d5367ed 100644
--- a/src/renderer/components/nav-bar/nav-bar.component.tsx
+++ b/src/renderer/components/nav-bar/nav-bar.component.tsx
@@ -5,6 +5,7 @@ import BsVersionItem from './bs-version-item.component';
 import { BSVersion } from 'main/services/bs-version-manager.service';
 import { useEffect, useState } from 'react';
 import { BSVersionManagerService } from 'renderer/services/bs-version-manager.service';
+import { Link } from 'react-router-dom';
 
 export function NavBar() {
 
@@ -16,7 +17,6 @@ export function NavBar() {
       setInstalledVersions(versions);
     })
   }, [])
-  
 
   return (
     <div id='nav-bar' className='z-10 flex flex-col h-full max-h-full items-center p-1 bg-gray-200 dark:bg-main-color-1'>
@@ -31,7 +31,10 @@ export function NavBar() {
       </div>
       <div className='w-full p-2 flex flex-col items-center content-center justify-start'>
         <span className='cursor-pointer mb-3'>
-          <FaPlus className='text-2xl text-blue-500 drop-shadow-lg'/>
+          <Link to={"blah"}>
+            <FaPlus className='text-2xl text-blue-500 drop-shadow-lg'/>
+          </Link>
+          
         </span>
         <span className='cursor-pointer'>
           <AiFillSetting className='text-2xl text-blue-500 drop-shadow-lg'/>