diff --git a/public/home.html b/public/home.html
index 5b7ac409..0739bfab 100644
--- a/public/home.html
+++ b/public/home.html
@@ -88,14 +88,14 @@ <h4 id="title" onclick="openTab(event, 'grades')">Aspine</h4>
 
   <div class="tab">
     <button class="tablinks hide switch-exempt" onclick="openSideNav()" id="hamburger_button"><i class="fa fa-bars"></i></button>
-    <button class="tablinks" onclick="openTab(event, 'grades'); closeSideNav()" id="default_open">Grades</button>
-    <button class="tablinks" onclick="openTab(event, 'schedule'); closeSideNav()">Schedule</button>
-    <button class="tablinks" onclick="openTab(event, 'recent'); closeSideNav()">Attendance</button>
+    <button class="tablinks" onclick="openTab('grades'); closeSideNav()" id="default_open">Grades</button>
+    <button class="tablinks" onclick="openTab('schedule'); closeSideNav()">Schedule</button>
+    <button class="tablinks" onclick="openTab('recent'); closeSideNav()">Attendance</button>
     <!--<button class="tablinks" onclick="openTab(event, 'clock')">Clock</button>-->
     <!-- TODO: post-covid, setting lunch should be migrated to settings -->
     <!--<button class="tablinks" onclick="openTab(event, 'calendar-tab')">Calendar</button>-->
-    <button class="tablinks" onclick="openTab(event, 'reports'); closeSideNav()" id="reports_open">Reports</button>
-    <button class="tablinks" onclick="openTab(event, 'information'); closeSideNav()" id="information_open">Info</button>
+    <button class="tablinks" onclick="openTab('reports'); closeSideNav()" id="reports_open">Reports</button>
+    <button class="tablinks" onclick="openTab('information'); closeSideNav()" id="information_open">Info</button>
 <!--#ifndef lite-->
     <button class="tablinks tablinks-right" onclick="location.href='/logout'" id="logout_button">Logout</button>
 <!--#endif-->
diff --git a/public/js/home.js b/public/js/home.js
index 5a2693a1..5321c6fa 100644
--- a/public/js/home.js
+++ b/public/js/home.js
@@ -997,7 +997,7 @@ function responseCallback(response, includedTerms) {
             currentTableData.recent.recentActivityArray[i].percentage = currentTableData.currentTermData.classes[temp_classIndex].assignments[assignmentIndex].percentage;
             currentTableData.recent.recentActivityArray[i].color = currentTableData.currentTermData.classes[temp_classIndex].assignments[assignmentIndex].color;
         } catch (err) {
-            console.error("Please report this error on the Aspine github issue pages. ID Number 101. Error: " + err);
+            // console.error("Please report this error on the Aspine github issue pages. ID Number 101. Error: " + err);
         }
     }
 
@@ -1185,10 +1185,21 @@ function schedule_toggle(day) {
     scheduleTable.setData(currentTableData.formattedSchedule);
 }
 
-function openTab(evt, tab_name) {
+window.onpopstate = event => {
+    openTabHelper(event.state);
+}
+
+function openTab(tab_name) {
+    history.pushState(tab_name, '');
+    openTabHelper(tab_name);
+}
+
+function openTabHelper(tab_name) {
     // Declare all variables
     let i, tabcontent, tablinks;
 
+    
+
     // Get all elements with class="tabcontent" and hide them
     tabcontent = document.getElementsByClassName("tabcontent");
     for (i = 0; i < tabcontent.length; i++) {
@@ -1205,7 +1216,7 @@ function openTab(evt, tab_name) {
     // corresponding to the tab
     document.getElementById(tab_name).style.display = "block";
     const tab_button = document.querySelector(
-        `.tablinks[onclick*="openTab(event, '${tab_name}')"]`
+        `.tablinks[onclick*="openTab('${tab_name}')"]`
     );
     if (tab_button) {
         tab_button.classList.add("active");