diff --git a/src/includes/nav_menu.html b/src/includes/nav_menu.html
index e544ef0..e36ec0b 100644
--- a/src/includes/nav_menu.html
+++ b/src/includes/nav_menu.html
@@ -1,6 +1,8 @@
 <ul class="nav_menu">
     <!-- Home -->
-    <li class="nav_body"><a class="nav_title" href="index.html">Home</a></li>
+    <li class="nav_body">
+        <a class="nav_title" href="index.html">Home</a>
+    </li>
 
     <!-- Minecraft -->
     <li class="nav_dropdown">
@@ -21,10 +23,10 @@
 
     <!-- Pronoun Pages -->
     <li class="nav_dropdown">
-        <div class="dropdown_header nav_body">
-            <a class="nav_title" href="https://pronouns.page/@Cutieguwu">Pronoun Pages</a>
+        <a class="dropdown_header nav_body" href="https://pronouns.page/@Cutieguwu">
+            <p class="nav_title">Pronoun Pages</p>
             <ion-icon name="chevron-forward-outline"></ion-icon>
-        </div>
+        </a>
         <div class="dropdown_body">
             <a class="nav_title" href="https://en.pronouns.page/@Cutieguwu">English</a>
             <a class="nav_title" href="https://pronoms.fr/@Cutieguwu">French</a>
diff --git a/src/partials/_nav_menu.scss b/src/partials/_nav_menu.scss
index 2f02458..0672a62 100644
--- a/src/partials/_nav_menu.scss
+++ b/src/partials/_nav_menu.scss
@@ -18,22 +18,26 @@
         border-color: var(--accent-pink);
         margin: 0 var(--spacing-horizontal);
     }
+}
 
-    .nav_body {
-        background-color: var(--background-2);
-        border-radius: var(--border-radius-small);
-        transition: var(--transition-fade);
-    }
+.nav_body {
+    /* Need to force inheritence, otherwise <a> would require overrides for all color states from base styling for element. */
+    color: inherit;
+    text-decoration: none;
 
-    .nav_dropdown:hover .nav_body,
-    .nav_body:hover {
-        transform: var(--transform-scale-x);
+    background-color: var(--background-2);
+    border-radius: var(--border-radius-small);
+    transition: var(--transition-fade);
+}
+
+.nav_body:hover,
+.nav_dropdown:hover .nav_body {
+    transform: var(--transform-scale-x);
+    transition: var(--transition-cut);
+
+    .nav_title,
+    ion-icon {
+        color: var(--highlight-hover);
         transition: var(--transition-cut);
-
-        .nav_title,
-        ion-icon {
-            color: var(--highlight-hover);
-            transition: var(--transition-cut);
-        }
     }
 }
diff --git a/src/partials/_nav_title.scss b/src/partials/_nav_title.scss
index 0c4ac10..0763686 100644
--- a/src/partials/_nav_title.scss
+++ b/src/partials/_nav_title.scss
@@ -1,14 +1,16 @@
 .nav_title {
     /* Need to force inheritence, otherwise <a> would require overrides for all color states from base styling for element. */
     color: inherit;
+    text-decoration: inherit;
 
-    text-decoration: none;
     font-family: var(--font-family-generic);
     font-weight: bold;
     white-space: nowrap;
-    margin: 0 var(--spacing-horizontal);
+    margin: inherit;
+    padding: 0 var(--spacing-horizontal);
     transition: var(--transition-fade);
     text-transform: uppercase;
+    display: block;
 }
 
 .nav_title:hover {