diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 7420f12..61887a1 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -41,20 +41,6 @@ export default {
   <v-app
       :is="currentView"
   >
-    <v-navigation-drawer
-        v-model="drawer"
-        absolute
-        bottom
-        temporary
-    >
-      <v-list-item>
-        Test
-      </v-list-item>
-    </v-navigation-drawer>
-
-    <v-app-bar app>
-      <!-- -->
-    </v-app-bar>
     <v-main>
 
     </v-main>
diff --git a/frontend/src/components/HomePage.vue b/frontend/src/components/HomePage.vue
index da5be2c..2aad75e 100644
--- a/frontend/src/components/HomePage.vue
+++ b/frontend/src/components/HomePage.vue
@@ -8,31 +8,31 @@
 
         <!-- navbar -->
 
-        <header class="navbar-header">
-          <div class="logo">
-            <a>Home</a>
-          </div>
+<!--        <header class="navbar-header">-->
+<!--          <div class="logo">-->
+<!--            <a>Home</a>-->
+<!--          </div>-->
 
-          <input type="checkbox" class="menu-btn" id="menu-btn">
-          <label for="menu-btn" class="menu-icon">
-            <span class="menu-icon__line"></span>
-          </label>
+<!--          <input type="checkbox" class="menu-btn" id="menu-btn">-->
+<!--          <label for="menu-btn" class="menu-icon">-->
+<!--            <span class="menu-icon__line"></span>-->
+<!--          </label>-->
 
-          <ul class="nav-links">
-            <li class="nav-link">
-              <a href="#">Profile</a>
-            </li>
-            <li class="nav-link">
-              <a href="#">Storage</a>
-            </li>
-            <li class="nav-link">
-              <a href="#">Recipes</a>
-            </li>
-            <li class="nav-link">
-              <a href="#">About</a>
-            </li>
-          </ul>
-        </header>
+<!--          <ul class="nav-links">-->
+<!--            <li class="nav-link">-->
+<!--              <a href="#">Profile</a>-->
+<!--            </li>-->
+<!--            <li class="nav-link">-->
+<!--              <a href="#">Storage</a>-->
+<!--            </li>-->
+<!--            <li class="nav-link">-->
+<!--              <a href="#">Recipes</a>-->
+<!--            </li>-->
+<!--            <li class="nav-link">-->
+<!--              <a href="#">About</a>-->
+<!--            </li>-->
+<!--          </ul>-->
+<!--        </header>-->
     </div>
   </div>
 
diff --git a/frontend/src/components/ItemModel.vue b/frontend/src/components/ItemModel.vue
index 13b64e9..30ae13c 100644
--- a/frontend/src/components/ItemModel.vue
+++ b/frontend/src/components/ItemModel.vue
@@ -49,6 +49,7 @@
                   v-model="newItem"
                   @keyup.enter="addItem"
                   require
+                  dark
               ></v-text-field>
             </v-col>
             <v-col cols="2">
@@ -57,6 +58,7 @@
                   required
                   v-model="newQuantity"
                   @keyup.enter="addItem"
+                  dark
               ></v-text-field>
             </v-col>
             <v-col cols="1">
@@ -276,9 +278,8 @@ body{
 
 /* input field styling */
 
-.field-header-box{
-  color: white
-}
+
+
 
 .inputField-header {
   position: relative;
@@ -287,6 +288,19 @@ body{
   height: 2vh;
 }
 
+.field-header-box{
+  z-index: 3;
+  position: fixed;
+  width: 100vw;
+  height: 5vh;
+  left: 0;
+  top: 10vh;
+  display: grid;
+  align-content: center;
+  justify-content: center;
+  color: white
+}
+
 .newItemName {
   z-index: 3;
   position: relative;
diff --git a/frontend/src/components/LoginPage.vue b/frontend/src/components/LoginPage.vue
index d37060b..9e8803a 100644
--- a/frontend/src/components/LoginPage.vue
+++ b/frontend/src/components/LoginPage.vue
@@ -120,6 +120,7 @@ export default {
 .logo {
   left: -3vh;
   top: 1vh;
+  color: white;
 }
 
 .logo a {
diff --git a/frontend/src/components/RecipeModel.vue b/frontend/src/components/RecipeModel.vue
index 20cbc59..6a564d2 100644
--- a/frontend/src/components/RecipeModel.vue
+++ b/frontend/src/components/RecipeModel.vue
@@ -81,7 +81,8 @@
                     <!--                        <div>Whitsunday Island, Whitsunday Islands</div>-->
                     <!--                      </v-card-text>-->
 
-                    <v-card-actions>
+                    <v-card-actions
+                    >
                       <!--                        <v-btn-->
                       <!--                            color="orange"-->
                       <!--                            text-->
@@ -90,7 +91,6 @@
                       <!--                        </v-btn>-->
 
                       <v-btn
-
                           :href="recipe.sourceUrl"
                           text
                       >