diff --git a/src/components/Navbar.vue b/src/components/Navbar.vue
index 159278a..05f4d0c 100644
--- a/src/components/Navbar.vue
+++ b/src/components/Navbar.vue
@@ -15,7 +15,7 @@
           </div>
           <ul class="flex justify-center items-center space-x-4 text-xl font-semibold text-neutral-300 cursor-pointer">
             <li @click="switchNavItem($event, item)" v-for="(item, index) in navViewData[navViewName]"
-              :key="index" class="nav-item" :class="{'active': activePage.toUpperCase() === item}">
+              :key="index" class="nav-item" :class="{'active': activePage?.toUpperCase() === item}">
                 {{ item }}
             </li>
           </ul>