diff --git a/frontend/src/components/MenuBar.vue b/frontend/src/components/MenuBar.vue
index f27650b..3010fb1 100644
--- a/frontend/src/components/MenuBar.vue
+++ b/frontend/src/components/MenuBar.vue
@@ -108,6 +108,19 @@ function handleDarkModeToggled(isDarkVar: boolean) {
           <span class="ml-2 p-menuitem-label">{{ item.label }}</span>
         </a>
       </router-link>
+      <a
+        v-else-if="item.url"
+        :class="
+          $route.path.includes(item.info)
+            ? 'flex align-items-center active'
+            : 'flex align-items-center'
+        "
+        v-bind="props.action"
+        :href="item.url"
+      >
+        <span :class="item.icon" />
+        <span class="ml-2 p-menuitem-label">{{ item.label }}</span>
+      </a>
       <span
         v-else
         :class="