diff --git a/src/components/LeftNav.vue b/src/components/LeftNav.vue
index 106c512..e97b35f 100644
--- a/src/components/LeftNav.vue
+++ b/src/components/LeftNav.vue
@@ -14,7 +14,7 @@
                 <span>Other Links</span>
             </h6>
             <ul class="nav flex-column mb-2">
-                <NavItem v-for="link in extraLinks" :isActive="activate(link.id)" :key="link.id" :title="link.title" :id="link.id" :icon_url="link.icon" :url="link.url"/>
+                <NavItem v-for="link in extraLinks" :targetVal="'_blank'" :isActive="activate(link.id)" :key="link.id" :title="link.title" :id="link.id" :icon_url="link.icon" :url="link.url"/>
             </ul>
         </div>
     </nav>
diff --git a/src/components/NavItem.vue b/src/components/NavItem.vue
index 1563466..6f0a4cd 100644
--- a/src/components/NavItem.vue
+++ b/src/components/NavItem.vue
@@ -6,7 +6,7 @@
 
         </router-link>
 
-        <a class="nav-link" v-bind:class="{ active: isActive }" v-if="url" :href="url" >
+        <a class="nav-link" :target="targetVal" v-bind:class="{ active: isActive }" v-if="url" :href="url" >
             <img class="mx-2 rounded-circle shadow" v-if="icon_url" :src="require(`../assets/${icon_url}`)" width="42" height="42">
             <span class="h6">{{ title }}</span>
         </a>
@@ -28,6 +28,7 @@ export default {
 		url: String,
 		to: String,
 		isActive: Boolean,
+		targetVal: String,
 	},
 }
 </script>