diff --git a/server/views/about.ejs b/server/views/about.ejs
index 0dc4f8c..c9c7edf 100644
--- a/server/views/about.ejs
+++ b/server/views/about.ejs
@@ -35,6 +35,13 @@
 	.social a{
 		color: black;
 	}
+	.links-hover-currentpage{
+    color: rgb(204, 22, 198) !important;
+    text-shadow: .1em .1em 0 hsl(200 50% 30%) !important;
+    font-size: 17px;
+    font-weight: bold;
+    text-align: start;
+}
 </style>
 </head>
 
@@ -69,7 +76,7 @@
 			<li><a href="/" class=" links-hover">Home</a></li>
 			<li><a href="/play" class=" links-hover" >Play Games</a></li>
 			<li><a href="/products" class=" links-hover">Products</a></li>
-			<li><a href="/about" class=" links-hover">About Us</a></li>
+			<li><a href="/about" class=" links-hover-currentpage">About Us</a></li>
 			<li><a href="https://chromegaming.github.io/Chrome-Gaming-Certification/" class=" links-hover">Certificate</a></li>
 			<li>
 				<div class="small-screen-social">
@@ -409,4 +416,4 @@ const coords = { x: 0, y: 0 };
   });
   </script>
 
-</html>
\ No newline at end of file
+</html>
diff --git a/server/views/index.ejs b/server/views/index.ejs
index 956edc0..28d90b7 100644
--- a/server/views/index.ejs
+++ b/server/views/index.ejs
@@ -517,6 +517,13 @@
     .page-leaderboard {
       /* background-color: black; */
     }
+.links-hover-currentpage{
+    color: rgb(204, 22, 198) !important;
+    text-shadow: .1em .1em 0 hsl(200 50% 30%) !important;
+    font-size: 17px;
+    font-weight: bold;
+    text-align: start;
+}
   </style>
 </head>
 
@@ -565,7 +572,7 @@
 			<!-- Unordered list for navigation links. -->
 			<i class="uil uil-times navCloseBtn"></i>
 			<!-- Icon for closing navigation menu. -->
-			<li><a href="/" class=" links-hover">Home</a></li>
+			<li><a href="/" class=" links-hover-currentpage">Home</a></li>
 			<li><a href="/play" class=" links-hover" >Play Games</a></li>
 			<li><a href="/products" class=" links-hover">Products</a></li>
 			<li><a href="/about" class=" links-hover">About Us</a></li>
@@ -1633,4 +1640,4 @@ subscriptionForm.addEventListener("submit", function (event) {
 
 </body>
 
-</html>
\ No newline at end of file
+</html>
diff --git a/server/views/play.ejs b/server/views/play.ejs
index 8735dac..7ec2e4f 100644
--- a/server/views/play.ejs
+++ b/server/views/play.ejs
@@ -38,6 +38,13 @@
 		 <style>
 			.social a {
   color: black;
+}
+.links-hover-currentpage{
+    color: rgb(204, 22, 198) !important;
+    text-shadow: .1em .1em 0 hsl(200 50% 30%) !important;
+    font-size: 17px;
+    font-weight: bold;
+    text-align: start;
 }
 		 </style>
 	</head>
@@ -71,7 +78,7 @@
 				<!-- Icon for closing navigation menu. -->
 
 				<li><a href="/" class=" links-hover">Home</a></li>
-				<li><a href="/play" class=" links-hover">Play Games</a></li>
+				<li><a href="/play" class=" links-hover-currentpage">Play Games</a></li>
 				<li><a href="/products" class=" links-hover">Products</a></li>
 				<li><a href="/about" class=" links-hover">About Us</a></li>
 				<li><a href="https://chromegaming.github.io/Chrome-Gaming-Certification/" class=" links-hover">Certificate</a></li>
diff --git a/server/views/products.ejs b/server/views/products.ejs
index d703a10..979de07 100644
--- a/server/views/products.ejs
+++ b/server/views/products.ejs
@@ -80,6 +80,13 @@
     /* background-color: var(#00c896); */
     transform: scale(1.03);
   }
+ .links-hover-currentpage{
+    color: rgb(204, 22, 198) !important;
+    text-shadow: .1em .1em 0 hsl(200 50% 30%) !important;
+    font-size: 17px;
+    font-weight: bold;
+    text-align: start;
+}
 </style>
 </head>
 
@@ -115,7 +122,7 @@
 
       <li><a href="/" class=" links-hover">Home</a></li>
       <li><a href="/play" class=" links-hover">Play Games</a></li>
-      <li><a href="/products" class=" links-hover">Products</a></li>
+      <li><a href="/products" class=" links-hover-currentpage">Products</a></li>
       <li><a href="/about" class=" links-hover">About Us</a></li>
       <li><a href="https://chromegaming.github.io/Chrome-Gaming-Certification/" class=" links-hover">Certificate</a>
       </li>
@@ -514,4 +521,4 @@
 </body>
 
 
-</html>
\ No newline at end of file
+</html>