diff --git a/assets/css/style.css b/assets/css/style.css
index 9c9da9f..eb9d17c 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -93,15 +93,19 @@ header {
     padding-left: 0;
 }
 
-.nav > .nav-list > li {
-    list-style-type: none;
-}
-
-.nav > .nav-list > li a {
+.nav > .nav-list > a {
     text-decoration: none;
     cursor: pointer;
 }
 
+.nav > .nav-list > a:hover {
+    background-color: light-dark(rgba(0, 0, 0, 0.1),hsla(0,0%,100%,.05));
+}
+
+.nav > .nav-list > a > li {
+    list-style-type: none;
+}
+
 .nav > #nav-check {
     display: none;
 }
@@ -150,13 +154,13 @@ header {
         background-color: light-dark(var(--light-nav-bg-color), var(--dark-nav-bg-color));
     }
 
-    .nav > .nav-list > li {
+    .nav > .nav-list > a > li {
         padding: 0.5rem 0.75rem 0.5rem 0.75rem;
         margin-bottom: 0.35rem;
         border-radius: 7px;
     }
 
-    .nav > .nav-list > li:hover {
+    .nav > .nav-list > a > li:hover {
         background-color: light-dark(rgba(0, 0, 0, 0.1),hsla(0,0%,100%,.05));
     }
 
diff --git a/index.html b/index.html
index 2286927..d0ac8a7 100644
--- a/index.html
+++ b/index.html
@@ -26,8 +26,16 @@
             </div>
 
             <ul class="nav-list">
-                <li><a href="https://git.winscloud.net"><b>Git</b></a></li>
-                <li><a href="about.html"><b>About</b></a></li>
+                <a href="https://git.winscloud.net">
+                    <li>
+                        <b>Git</b>
+                    </li>
+                </a>
+                <a href="about.html">
+                    <li>
+                        <b>About</b>
+                    </li>
+                </a>
             </ul>
         </nav>
     </header>