diff --git a/yellow/templates/base.html b/yellow/templates/base.html
index 0dc7ee1..4babf5c 100644
--- a/yellow/templates/base.html
+++ b/yellow/templates/base.html
@@ -43,6 +43,9 @@
         #dropdown:hover #dropdowncontent {
             display: block;
         }
+        #dropdowncontent a {
+          display: block;
+        }
         #main{
             width: 100%;
             height: 80vh;
diff --git a/yellow/templates/includes/nav.html b/yellow/templates/includes/nav.html
index 2f7670c..011303f 100644
--- a/yellow/templates/includes/nav.html
+++ b/yellow/templates/includes/nav.html
@@ -3,18 +3,20 @@
     <li>
       <div id="dropdown">
         <i class="icon icon-menu"></i>
+
         <div id="dropdowncontent">
-          <p>
-            {% if not user %}
-            <a href="{{ url_for('bp_routes.login') }}">Login</a>
-            {% else %}
-            <a href="{{ url_for('bp_routes.logout') }}">Logout</a>
-            <a href="{{ url_for('bp_routes.dashboard') }}">My Profile</a>
-            {% endif %}
-            <a href="{{ url_for('bp_routes.search') }}">Yell<span>WOW</span>Page search</a>
-            <a href="{{ url_for('bp_routes.about') }}">About</a>
-            <a href="{{ url_for('bp_api.api_root') }}">Api</a>
-          </p>
+          <a href="{{ url_for('bp_routes.root') }}">Home</a>
+          {% if not user %}
+          <a href="{{ url_for('bp_routes.login') }}">Login</a>
+          {% else %}
+          <a href="{{ url_for('bp_routes.dashboard') }}">My Profile</a>
+          {% endif %}
+          <a href="{{ url_for('bp_routes.search') }}">Search</a>
+          <a href="{{ url_for('bp_routes.about') }}">About</a>
+          <a href="{{ url_for('bp_api.api_root') }}">Api</a>
+          {% if user %}
+          <a href="{{ url_for('bp_routes.logout') }}">Logout</a>
+          {% endif %}
         </div>
       </div>
     </li>