diff --git a/src/components/Events.js b/src/components/Events.js
index 8d332b7..12b21db 100644
--- a/src/components/Events.js
+++ b/src/components/Events.js
@@ -31,7 +31,7 @@ const Events = () => {
 									<label>{event.startTime}</label>
 									<label id='c'>{event.date}</label>
 								</div>
-								<button id='redirect'>View Details</button>
+								<a href={event.url}><button id='redirect'>View Details</button></a>
 							</div>
 						</div>
 					</div>
diff --git a/src/styles/Events.css b/src/styles/Events.css
index 6061d40..b467538 100644
--- a/src/styles/Events.css
+++ b/src/styles/Events.css
@@ -181,6 +181,11 @@
 	border-left: 0.5px solid #116655;
 }
 
+#footDetails a {
+	text-decoration: none;
+	color: aliceblue;
+}
+
 #footDetails #redirect {
 
 	display: block;