diff --git a/website/templates/includes/sidenav.html b/website/templates/includes/sidenav.html
index e92179c7d..0c9d9899b 100644
--- a/website/templates/includes/sidenav.html
+++ b/website/templates/includes/sidenav.html
@@ -8,33 +8,43 @@
 			-ms-overflow-style: none; /* IE and Edge */
 			scrollbar-width: none; /* Firefox */
 		}
+		a:link {
+			color: black;
+			background-color: transparent;
+			text-decoration: none;
+        }
 		a:hover {
 			text-decoration: none;
+			color: red;
 		}
+		a:visited {
+            color: black;
+        }
 	</style>
 	<div class="h-full px-11 overflow-y-auto bg-white flex flex-col justify-between no-scrollbar">
 		<div>
 		<ul class="space-y-3 font-medium text-3xl mt-6 mb-0">
-			<li>
-				<a href="/" class=""><span class="">Issues</span></a>
+			<li class="flex items-center p-4 border-b">
+				<div class="w-8 mr-4"><i class="fa fa-exclamation-circle" id="icon"></i></div><a href="/" class=""><span class="text">Issues</span></a>
 			</li>
-			<li>
-				<a href="/companies" class=""><span class="">Companies</span></a>
+			<li class="flex items-center p-4 border-b">
+				<div class="w-8 mr-4"><i class="fa fa-institution" id="icon"></i></div>
+				<div class="content-container"><a href="/companies" class=""><span class="text">Companies</span></a></div>
 			</li>
-			<li>
-				<a href="/leaderboard" class=""><span class="">Users</span></a>
+			<li class="flex items-center p-4 border-b">
+				<div class="w-8 mr-4"><i class="fa fa-trophy" id="icon"></i></div><a href="/leaderboard" class=""><span class="text">Users</span></a>
 			</li>
-			<li>
-				<a href="/teams" class=""><span class="">Teams</span></a>
+			<li class="flex items-center p-4 border-b">
+				<div class="w-8 mr-4"><i class="fa fa-users" id="icon"></i></div><a href="/teams" class=""><span class="text">Teams</span></a>
 			</li>
-			<li>
-				<a href="/hunts" class=""><span class="">Hunts</span></a>
+			<li class="flex items-center p-4 border-b">
+				<div class="w-8 mr-4"><i class="fa fa-bug" aria-hidden="true" id="icon"></i></div><a href="/hunts" class="text"><span class="">Hunts</span></a>
 			</li>
-			<li>
-				<a href="/projects" class=""><span class="">Projects</span></a>
+			<li class="flex items-center p-4 border-b">
+				<div class="w-8 mr-4"><i class="fa fa-cubes" id="icon"></i></div><a href="/projects" class=""><span class="text">Projects</span></a>
 			</li>
-			<li>
-				<a href="/apps" class=""><span class="">Apps</span></a>
+			<li class="flex items-center p-4 border-b">
+				<div class="w-8 mr-4"><i class="fa fa-file-code-o" id="icon"></i></div><a href="/apps" class=""><span class="text">Apps</span></a>
 			</li>
 		</ul>
 
@@ -42,17 +52,17 @@
 			<li class="mb-[-6px] ms-[1px]">
 				<span class="font-bold text-[#AAA] text-[1.2rem] tracking-wide">EXPERIMENTAL</span>
 			</li>
-			<li>
-				<a href="/deletions" class=""><span class="">Deletions</span></a>
+			<li class="flex items-center p-4 border-b">
+				<div class="w-8 mr-4"><i class="fa fa-trash" id="icon"></i></div><a href="/deletions" class=""><span class="text">Deletions</span></a>
 			</li>
-			<li>
-				<a href="/trademarks" class=""><span class="">Trademarks</span></a>
+			<li class="flex items-center p-4 border-b">
+				<div class="w-8 mr-4"><i class="fa fa-trademark" id="icon"></i></div><a href="/trademarks" class=""><span class="text">Trademarks</span></a>
 			</li>
-			<li>
-				<a href="/bacon" class=""><span class="">BACON</span></a>
+			<li class="flex items-center p-4 border-b">
+				<div class="w-8 mr-4"><i class="fa-solid fa-bacon" id="icon"></i></div><a href="/bacon" class=""><span class="text">BACON</span></a>
 			</li>
-			<li>
-				<a href="/bltv" class=""><span class="">BLTV</span></a>
+			<li class="flex items-center p-4 border-b">
+				<div class="w-8 mr-4"><i class="fa fa-tv" id="icon"></i></div><a href="/bltv" class=""><span class="text">BLTV</span></a>
 			</li>
 		</ul>
 
@@ -65,17 +75,17 @@
 		</button>
 
 		<ul class="space-y-3 font-medium text-3xl mt-1 overflow-clip transition-[max-height] duration-[250ms] max-h-0" id="menu-more-section">
-			<li> 
-				<a href="/contributors" class=""><span class="">Contributors</span></a>
+			<li class="flex items-center p-4 border-b"> 
+				<div class="w-8 mr-4"><i class="fa fa-code" aria-hidden="true" id="icon"></i></div><a href="/contributors" class="text"><span class="">Contributors</span></a>
 			</li>
-			<li>
-				<a href="/about" class=""><span class="">About Us</span></a>
+			<li class="flex items-center p-4 border-b">
+				<div class="w-8 mr-4"><i class="fa fa-info" id="icon"></i></div><a href="/about" class=""><span class="text">About Us</span></a>
 			</li>
-			<li>
-				<a href="/terms" class=""><span class="">Terms</span></a>
+			<li class="flex items-center p-4 border-b">
+				<div class="w-8 mr-4"><i class="fa-solid fa-file-contract" id="icon"></i></div><a href="/terms" class="text"><span class="">Terms</span></a>
 			</li>
-			<li>
-				<a href="https://github.com/OWASP/BLT#readme" class=""><span class="">Developers</span></a>
+			<li class="flex items-center p-4 border-b">
+				<div class="w-8 mr-4"><i class="fa fa-code-fork" id="icon"></i></div><a href="https://github.com/OWASP/BLT#readme" class=""><span class="">Developers</span></a>
 			</li>
 		</ul>
 		</div>