diff --git a/styles/base.css b/styles/base.css
index 261a6ea..68538d1 100644
--- a/styles/base.css
+++ b/styles/base.css
@@ -11,4 +11,22 @@ body {
     align-items: center;
     justify-content: center;
     background-color: #f0f0f0;
+}
+
+.back-button {
+    margin-top: 16px;
+    display: inline-block;
+    padding: 4px 8px;
+    font-size: 14px;
+    color: #000d48;
+    background-color: #c7e2ff;
+    border: 1px solid #0056b3;
+    text-decoration: none;
+    border-radius: 16px;
+    transition: background-color 0.3s ease;
+}
+
+.back-button:hover {
+    background-color: #0056b3;
+    color: #c7e2ff;
 }
\ No newline at end of file
diff --git a/take-attendance.html b/take-attendance.html
index b38d7eb..106992c 100644
--- a/take-attendance.html
+++ b/take-attendance.html
@@ -17,6 +17,8 @@
     <h1>Take Attendance</h1>
     <p id="event-name"></p>
 
+    <a href="events.html" class="back-button">Back to Events Page</a>
+
     <div class="segmented-control">
       <button
         class="segmented-control-button"