diff --git a/index.html b/index.html
index 2abe651..5ddb03f 100644
--- a/index.html
+++ b/index.html
@@ -56,10 +56,30 @@
       </div>
       <div class="mt-[3vw] flex flex-row space-x-[3vw] w-full">
           <div class="w-[55vw] font-[sftr] leading-[6vw] text-[7vw] flex flex-col">
-              <a href="projects.html" class="text-end">Projects</a>
-              <a class="text-start">Blog</a>
-              <a class="text-end">Github</a>
-              <a class="text-start">Gitea</a>
+              <a href="projects.html" class="group flex flex-row w-full justify-between">
+                  <svg class="opacity-0 group-hover:opacity-100 ms-1" xmlns="http://www.w3.org/2000/svg" height="5vw" fill="currentColor" class="bi bi-caret-right-fill" viewBox="5 0 8 16">
+                    <path d="m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z"/>
+                  </svg>
+                  <p class="">Projects</p>
+              </a>
+              <a href="https://blog.ayabusa.dev" class="group flex flex-row w-full justify-between">
+                  <p class="">Blog</p>
+                  <svg class="opacity-0 group-hover:opacity-100 " xmlns="http://www.w3.org/2000/svg" height="5vw" fill="currentColor" class="bi bi-caret-left-fill" viewBox="3 0 10 16">
+                    <path d="m3.86 8.753 5.482 4.796c.646.566 1.658.106 1.658-.753V3.204a1 1 0 0 0-1.659-.753l-5.48 4.796a1 1 0 0 0 0 1.506z"/>
+                  </svg>
+              </a>
+              <a href="https://github.com/ayabusa" class="group flex flex-row w-full justify-between">
+                  <svg class="opacity-0 group-hover:opacity-100 ms-1" xmlns="http://www.w3.org/2000/svg" height="5vw" fill="currentColor" class="bi bi-caret-right-fill" viewBox="5 0 8 16">
+                    <path d="m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z"/>
+                  </svg>
+                  <p class="">Github</p>
+              </a>
+              <a href="https://git.ayabusa.dev" class="group flex flex-row w-full justify-between">
+                  <p class="">Gitea</p>
+                  <svg class="opacity-0 group-hover:opacity-100 " xmlns="http://www.w3.org/2000/svg" height="5vw" fill="currentColor" class="bi bi-caret-left-fill" viewBox="3 0 10 16">
+                    <path d="m3.86 8.753 5.482 4.796c.646.566 1.658.106 1.658-.753V3.204a1 1 0 0 0-1.659-.753l-5.48 4.796a1 1 0 0 0 0 1.506z"/>
+                  </svg>
+              </a>
           </div>
           <div class="w-[45vw] space-y-[3vw]">
             <div class="outline-[0.7vw] p-[0.7vw]">