diff --git a/assets/development/styles/home.css b/assets/development/styles/home.css
index 336be76..7c8fe0e 100644
--- a/assets/development/styles/home.css
+++ b/assets/development/styles/home.css
@@ -99,15 +99,26 @@ Nav
 }
 
 .nav-item {
-  width: 15em;
+  width: 18em;
   padding: 1em;
   border-radius: 4px;
   margin-bottom: 0.7em;
   border: 3px solid rgba(255, 111, 10, 0.7);
+  color: initial;
   display: flex;
   cursor: pointer;
-  transition: ease-in-out 0.1s;
-  height: 1.2em;
+  transition: all 0.2s !important;
+  text-decoration: unset;
+  font: inherit;
+  background: white;
+  height: auto;
+  text-align: left;
+}
+
+.nav-item:hover {
+  text-decoration: unset;
+  transform: scale(1.05);
+  color: initial;
 }
 
 .nav-item svg {
@@ -162,10 +173,6 @@ Nav
   opacity: 1;
 }
 
-.nav-item:hover {
-  transform: scale(1.05); 
-}
-
 #nav-enabler {
   display: none;
 }
@@ -370,7 +377,7 @@ Nav
   }
 
   .nav-item {
-    width: auto;
+    width: 100%;
   }
   .nav-item:hover {
     transform: scale(1); 
diff --git a/views/home.twig b/views/home.twig
index 9e10b41..b2e627f 100644
--- a/views/home.twig
+++ b/views/home.twig
@@ -6,7 +6,7 @@
 {% endblock %}
 {% block content %}
 <div class="nav">
-  <div
+  <button
     id="nav-enabler"
     class="nav-item nav-mobile-enabler">
     <div class="nav-icon">
@@ -23,9 +23,9 @@
         </i>
       </div>
     </div>
-  </div>
+  </button>
   <div id="nav-content">
-    <div class="nav-item" id="nav-all">
+    <button class="nav-item" id="nav-all">
       <div class="nav-icon">
         <svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
           <path fill="currentColor" d="M328 256c0 39.8-32.2 72-72 72s-72-32.2-72-72 32.2-72 72-72 72 32.2 72 72zm104-72c-39.8 0-72 32.2-72 72s32.2 72 72 72 72-32.2 72-72-32.2-72-72-72zm-352 0c-39.8 0-72 32.2-72 72s32.2 72 72 72 72-32.2 72-72-32.2-72-72-72z"></path>
@@ -44,9 +44,9 @@
           </svg>
         </div>
       </div>
-    </div>
+    </button>
     {% for tag in tags %}
-      <div class="nav-item" data-tag-id="{{ tag._id }}">
+      <button class="nav-item" data-tag-id="{{ tag._id }}">
         <div class="nav-icon">
           <svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 {{ tag.icon.width }} {{ tag.icon.height }}">
             <path
@@ -68,7 +68,7 @@
             </svg>
           </div>
         </div>
-      </div>
+      </button>
     {% endfor %}
   </div>
 </div>