diff --git a/src/components/NavBar.vue b/src/components/NavBar.vue
deleted file mode 100644
index 77a80d7..0000000
--- a/src/components/NavBar.vue
+++ /dev/null
@@ -1,82 +0,0 @@
-<script setup lang="ts">
-import { ref } from 'vue'
-import { RouterLink } from 'vue-router'
-
-const sidebar = ref(false)
-let transitionAnimation = 'transition duration-100 ease-in'
-</script>
-
-<template>
-  <!-- Desktop Navbar -->
-  <div
-    class="hidden lg:flex justify-center items-center bg-slate font-semibold text-gold py-3 gap-44 drop-shadow-lg"
-  >
-    <div class="flex justify-center gap-16">
-      <RouterLink to="/">Home</RouterLink>
-      <RouterLink to="/ideas">Ideas</RouterLink>
-      <RouterLink to="#">Notebook</RouterLink>
-    </div>
-    <a href="/">
-      <img src="../assets/logo.svg" alt="Biomod Logo" />
-    </a>
-    <div class="flex justify-center gap-16">
-      <RouterLink to="/elsi">ELSI</RouterLink>
-      <RouterLink to="/team">Teams</RouterLink>
-      <RouterLink to="#">Sponsors</RouterLink>
-    </div>
-  </div>
-
-  <!-- Mobile Navbar -->
-  <div
-    class="lg:hidden fixed z-20 top-0 w-full flex justify-between items-center bg-slate py-3 drop-shadow-lg"
-  >
-    <RouterLink to="/" class="flex items-center">
-      <img class="-mr-1" src="../assets/logo.svg" alt="Biomod Logo" />
-      <span class="text-[#FFC000] font-bold text-xl">UBC Biomod</span>
-    </RouterLink>
-    <button class="mr-10" @click="sidebar = !sidebar">
-      <svg
-        class="active:opacity-70 transition-all duration-200 ease-in-out"
-        viewBox="0 0 10 8"
-        width="35"
-      >
-        <path
-          d="M1 1h8M1 4h 8M1 7h8"
-          class="stroke-gold"
-          stroke-width="1.0"
-          stroke-linecap="round"
-        />
-      </svg>
-    </button>
-  </div>
-
-  <Transition
-    enter-from-class="opacity-0"
-    leave-to-class="opacity-0"
-    :enter-active-class="transitionAnimation"
-    :leave-active-class="transitionAnimation"
-  >
-    <template v-if="sidebar">
-      <div
-        class="lg:hidden fixed z-10 h-full w-full left-0 flex justify-end bg-black bg-opacity-90"
-      >
-        <!-- <Transition enter-from-class="translate-x-full" leave-to-class="-translate-x-full" :enter-active-class="transitionAnimation" :leave-active-class="transitionAnimation"> -->
-        <div
-          class="flex flex-col justify-center p-4 h-full w-[70vh] min-w-[35%] max-w-[70%] bg-slate"
-        >
-          <div
-            class="flex flex-col h-full w-full py-20 ml-10 mb-20 gap-6 overflow-scroll justify-evenly text-gold text-2xl font-bold"
-          >
-            <RouterLink to="/">Home</RouterLink>
-            <RouterLink to="/ideas">Ideas</RouterLink>
-            <RouterLink to="#">Notebook</RouterLink>
-            <RouterLink to="/elsi">ELSI</RouterLink>
-            <RouterLink to="/team">Teams</RouterLink>
-            <RouterLink to="#">Sponsors</RouterLink>
-          </div>
-        </div>
-        <!-- </Transition> -->
-      </div>
-    </template>
-  </Transition>
-</template>
diff --git a/src/components/lab-notebook/Notebook.vue b/src/components/lab-notebook/Notebook.vue
index 9716058..8bc6f5f 100644
--- a/src/components/lab-notebook/Notebook.vue
+++ b/src/components/lab-notebook/Notebook.vue
@@ -5,7 +5,7 @@ import NotebookBody from '@/components/lab-notebook/NotebookBody.vue'
 <template>
   <div>
     <div class="m-auto">
-      <h1 class="font-title text-center text-title-sm lg:text-title text-gold">
+      <h1 class="font-title text-center text-title-sm lg:text-title text-gold mt-4">
         <slot name="title"></slot>
       </h1>
     </div>
diff --git a/src/components/navbar/Dropdown.vue b/src/components/navbar/Dropdown.vue
index dddb26f..1819395 100644
--- a/src/components/navbar/Dropdown.vue
+++ b/src/components/navbar/Dropdown.vue
@@ -24,7 +24,7 @@ const dropdown = ref(false)
       </svg>
     </RouterLink>
 
-    <div v-if="dropdown" class="fixed pt-14">
+    <div v-if="dropdown" class="fixed pt-12">
       <div class="bg-slate py-4 shadow-[0_25px_25px_rgba(0,0,0,0.4)] rounded-b-3xl">
         <slot name="content"></slot>
       </div>
diff --git a/src/components/navbar/Dropside.vue b/src/components/navbar/Dropside.vue
index 55ce908..1fe56ab 100644
--- a/src/components/navbar/Dropside.vue
+++ b/src/components/navbar/Dropside.vue
@@ -15,7 +15,7 @@ const dropdown = ref(false)
       </svg>
     </div>
 
-    <div v-if="dropdown" class="fixed ml-[12.25rem] mt-8">
+    <div v-if="dropdown" class="fixed ml-[18.8rem] mt-8">
       <div class="bg-slate p-4 shadow-[5px_0_35px_rgba(0,0,0,0.4)] rounded-3xl">
         <slot name="content"></slot>
       </div>
diff --git a/src/components/navbar/NavBar.vue b/src/components/navbar/NavBar.vue
index 6b96e00..045fa78 100644
--- a/src/components/navbar/NavBar.vue
+++ b/src/components/navbar/NavBar.vue
@@ -27,36 +27,40 @@ const tree: Tree[] = [
     name: 'Notebook',
     children: [
       {
-        name: 'Enzymosome',
+        name: 'Computational Simulation',
         children: [
           {
-            name: 'Enzyme Activity Assays',
-            url: '/enzymosome/enzyme-activity-assays'
-          },
-          {
-            name: 'Liposome Formation',
+            name: 'Structure Design',
             url: '#'
           },
           {
-            name: 'Enzyme Conjugation',
-            url: '/enzymosome/enzyme-conjugation'
+            name: 'Docking of Dnase I',
+            url: '#'
           }
         ]
       },
       {
-        name: 'CADnano',
+        name: 'Lab Validation',
         children: [
           {
-            name: 'Octahedron',
-            url: '/octahedron/octahedron-formation'
+            name: 'Enzyme Activity Assays',
+            url: '/lab-validation/enzyme-activity-assays'
           },
           {
-            name: 'Trigon',
+            name: 'Liposome Formation',
             url: '#'
           },
           {
-            name: 'Pentahedron',
+            name: 'Octahedron Formation',
+            url: '/lab-validation/octahedron-formation'
+          },
+          {
+            name: 'Octahedron Liposome Formation',
             url: '#'
+          },
+          {
+            name: 'Thiolation and Conjugation',
+            url: '/lab-validation/enzyme-conjugation'
           }
         ]
       }
diff --git a/src/router/index.ts b/src/router/index.ts
index f6d07b1..5ad9e3b 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -34,17 +34,17 @@ const router = createRouter({
       component: TeamView
     },
     {
-      path: '/enzymosome/enzyme-activity-assays',
+      path: '/lab-validation/enzyme-activity-assays',
       name: 'enzyme-activity-assays',
       component: GroupAView
     },
     {
-      path: '/enzymosome/enzyme-conjugation',
+      path: '/lab-validation/enzyme-conjugation',
       name: 'enzyme-conjugation',
       component: GroupCView
     },
     {
-      path: '/octahedron/octahedron-formation',
+      path: '/lab-validation/octahedron-formation',
       name: 'octahedron-formation',
       component: OctadedronFormation
     }