diff --git a/src/components/NavBar.vue b/src/components/NavBar.vue
index d06452fc2bd430f1903d2dccc467540f0251fb23..d195ae22c1d8fab5e9fdbb11b938adb3f36a9f7a 100644
--- a/src/components/NavBar.vue
+++ b/src/components/NavBar.vue
@@ -1,36 +1,36 @@
 <template>
-  <nav class="flex items-center justify-between bg-white h-20 shadow-2xl">
+  <nav class="flex items-center justify-between bg-white h-20 border-1 border-b border-gray-300 border-solid">
     <div class="logo">
       <img
-        class="m-2 cursor-pointer h-16"
-        src="../assets/logo3.svg"
-        alt="BoCo logo"
-        @click="$router.push('/')"
+          class="m-2 cursor-pointer h-16"
+          src="../assets/logo3.svg"
+          alt="BoCo logo"
+          @click="$router.push('/')"
       />
     </div>
     <ul class="flex">
       <li>
         <img
-          class="m-6 cursor-pointer h-8"
-          src="../assets/additem.png"
-          alt="Legg til"
-          @click="$router.push('/addNewItem')"
+            class="m-6 cursor-pointer h-8"
+            src="../assets/additem.png"
+            alt="Legg til"
+            @click="$router.push('/addNewItem')"
         />
       </li>
       <li>
         <img
-          class="m-6 cursor-pointer h-8"
-          src="../assets/messages.png"
-          alt="Meldinger"
-          @click="$router.push('/messages')"
+            class="m-6 cursor-pointer h-8"
+            src="../assets/messages.png"
+            alt="Meldinger"
+            @click="$router.push('/messages')"
         />
       </li>
       <li>
         <img
-          class="m-6 cursor-pointer h-8"
-          src="../assets/profile.png"
-          alt="Profil"
-          @click="loadProfile"
+            class="m-6 cursor-pointer h-8"
+            src="../assets/profile.png"
+            alt="Profil"
+            @click="loadProfile"
         />
       </li>
     </ul>