diff --git a/index.html b/index.html
index 6757350..1b3e5d9 100644
--- a/index.html
+++ b/index.html
@@ -257,10 +257,10 @@ <h3 class="instructions-heading" style="text-decoration: underline">
 					<div class="social-icons" style="display: flex; justify-content: flex-end;">
 						<a href="https://github.com/ChromeGaming" style="font-size: 12px;">Chrome Gaming</a>
 				
-						<a href="https://github.com/ChromeGaming/Dot-Box" target="_blank" style="font-size: 16px;">
+						<a href="https://github.com/ChromeGaming/Dot-Box" class="social" target="_blank" style="font-size: 16px;">
 							<i class="fab fa-github"></i>
 						</a>
-						<a href="https://discord.gg/2HTCFrSvPB" target="_blank" style="font-size: 16px;">
+						<a href="https://discord.gg/2HTCFrSvPB" class="social" target="_blank" style="font-size: 16px;">
 							<i class="fab fa-discord"></i>
 						</a>
 					</div>
@@ -268,6 +268,9 @@ <h3 class="instructions-heading" style="text-decoration: underline">
 				
 			</div>
 		</div>
+
+
+
 		<!-- <div class="flex">
 			<div class="board"></div>
 			<div class="score">
@@ -285,6 +288,19 @@ <h3 class="instructions-heading" style="text-decoration: underline">
 			</div>
 		</div> -->
 
+		<style>
+			.footer .social-icons .social:hover {
+				background-color: white;
+			}
+
+			.footer .social-icons .social:hover .fa-github{
+				color: #2b3137;
+			}
+			.footer .social-icons .social:hover .fa-discord{
+				color: #7289da;
+			}
+		</style>
+
 		<script
 			src="//code.tidio.co/fdylvmddtyb7vzsk5frdt3ncrk6cwobs.js"
 			async
diff --git a/pages/FAQs.html b/pages/FAQs.html
index 7cbc20c..ab4614e 100644
--- a/pages/FAQs.html
+++ b/pages/FAQs.html
@@ -13,7 +13,7 @@
 	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
 	<link href="https://fonts.googleapis.com/css2?family=Tiny5&display=swap" rel="stylesheet" />
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" />
-	<!-- <link rel="stylesheet" href="../styles/mainstyle.css" /> -->
+	<link rel="stylesheet" href="../styles/mainstyle.css" />
 	<link rel="stylesheet" href="../styles/global.css" />
 	<link rel="stylesheet" href="../styles/FAQs.css" />
 
@@ -195,8 +195,8 @@ <h1 id="faq-head">
 			<a href="https://github.com/ChromeGaming">Chrome Gaming</a>
 		</p>
 		<div class="social-icons">
-			<a href="https://github.com/ChromeGaming/Dot-Box" target="_blank"><i class="fab fa-github"></i></a>
-			<a href="https://discord.gg/2HTCFrSvPB" target="_blank"><i class="fab fa-discord"></i></a>
+			<a href="https://github.com/ChromeGaming/Dot-Box" class="social" target="_blank"><i class="fab fa-github"></i></a>
+			<a href="https://discord.gg/2HTCFrSvPB" class="social" target="_blank"><i class="fab fa-discord"></i></a>
 		</div>
 	</div>
 
diff --git a/pages/about.html b/pages/about.html
index 2e32d2d..9774c80 100644
--- a/pages/about.html
+++ b/pages/about.html
@@ -214,8 +214,8 @@ <h3 class="card-title">How to Play</h3>
 		</p>
 		<script src="//code.tidio.co/fdylvmddtyb7vzsk5frdt3ncrk6cwobs.js" async></script>
 		<div class="social-icons">
-			<a href="https://github.com/ChromeGaming/Dot-Box" target="_blank"><i class="fab fa-github"></i></a>
-			<a href="https://discord.gg/2HTCFrSvPB" target="_blank"><i class="fab fa-discord"></i></a>
+			<a href="https://github.com/ChromeGaming/Dot-Box" class="social" target="_blank"><i class="fab fa-github"></i></a>
+			<a href="https://discord.gg/2HTCFrSvPB" class="social" target="_blank"><i class="fab fa-discord"></i></a>
 		</div>
 	</div>
 
diff --git a/pages/contributors.html b/pages/contributors.html
index e13452d..94b6b13 100644
--- a/pages/contributors.html
+++ b/pages/contributors.html
@@ -68,8 +68,8 @@
         </div>
         <p>Created with ❤️ by <a href="https://github.com/ChromeGaming">Chrome Gaming</a></p>
         <div class="social-icons">
-            <a href="https://github.com/ChromeGaming/Dot-Box" target="_blank"><i class="fab fa-github"></i></a>
-            <a href="https://discord.gg/2HTCFrSvPB" target="_blank"><i class="fab fa-discord"></i></a>
+            <a href="https://github.com/ChromeGaming/Dot-Box" class="social" target="_blank"><i class="fab fa-github"></i></a>
+            <a href="https://discord.gg/2HTCFrSvPB" class="social" target="_blank"><i class="fab fa-discord"></i></a>
         </div>
     </div>
 
diff --git a/styles/mainstyle.css b/styles/mainstyle.css
index e30494b..6e529c5 100644
--- a/styles/mainstyle.css
+++ b/styles/mainstyle.css
@@ -971,3 +971,11 @@ button a {
 .hidden {
 	display: none;
 }
+
+
+.author .social-icons .social:hover .fa-github{
+	color: #2b3137;
+}
+.author .social-icons .social:hover .fa-discord{
+	color: #7289da;
+}
\ No newline at end of file