diff --git a/index.css b/index.css
index 2b660f0..202cf4d 100644
--- a/index.css
+++ b/index.css
@@ -64,7 +64,7 @@ a {
 }
 
 .main-button:hover {
-	background-color: #2a2a2a;
+	background-color: #bc5b6b9c;
 }
 
 .event {
diff --git a/index.html b/index.html
index 93876c0..94bd7d6 100644
--- a/index.html
+++ b/index.html
@@ -51,7 +51,10 @@
 			<section id="banner-text">
 				<h1>UNSW Queer Students in STEM</h1>
 				<p id="desc">A social society that aims to support all LGBTQIA+ identifying STEM students and develop a comprehensive community.</p>
-				<button class="main-button">Join</button>
+				<a href="/join">
+					<button class="main-button">Join</button>
+				</a>
+				
 				<div id="socials">
 					<a href="/join">
 						<img src="/img/spArc.png" alt="SpArc Icon">