diff --git a/package-lock.json b/package-lock.json
index 7be601da..e9b33742 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11268,11 +11268,6 @@
         }
       }
     },
-    "jquery": {
-      "version": "3.5.1",
-      "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.5.1.tgz",
-      "integrity": "sha512-XwIBPqcMn57FxfT+Go5pzySnm4KWkT1Tv7gjrpT1srtf8Weynl6R273VJ5GjkRb51IzMp5nbaPjJXMWeju2MKg=="
-    },
     "js-beautify": {
       "version": "1.13.0",
       "resolved": "https://registry.npmjs.org/js-beautify/-/js-beautify-1.13.0.tgz",
diff --git a/package.json b/package.json
index dc6a38ec..2da689c8 100644
--- a/package.json
+++ b/package.json
@@ -21,7 +21,6 @@
     "axios": "^0.19.2",
     "cache-loader": "^4.1.0",
     "cgi": "^0.3.1",
-    "jquery": "^3.5.1",
     "material-design-icons-iconfont": "^4.0.5",
     "moment": "^2.29.1",
     "thread-loader": "^3.0.1",
diff --git a/src/components/ClassInfo.vue b/src/components/ClassInfo.vue
index b8b2a4e9..c1fd3f6f 100644
--- a/src/components/ClassInfo.vue
+++ b/src/components/ClassInfo.vue
@@ -226,7 +226,6 @@
 </template>
 
 <script>
-import $ from 'jquery';
 import SubjectScroll from '../components/SubjectScroll.vue';
 import ExpansionReqs from '../components/ExpansionReqs.vue';
 import colorMixin from './../mixins/colorMixin.js';
@@ -302,7 +301,7 @@ export default {
     },
     clickRelatedSubject: function (subject) {
       this.$store.commit('pushClassStack', subject.id);
-      $('#cardBody').animate({ scrollTop: 0 });
+      document.getElementById('cardBody').scrollTop = 0;
     },
     parseRequirements: function (requirements) {
       // TODO: a way to make this more ETU?
@@ -512,4 +511,7 @@ table td:first-child {
   padding-right: 1em;
 }
 
+#cardBody {
+  scroll-behavior: smooth;
+}
 </style>
diff --git a/src/components/ClassSearch.vue b/src/components/ClassSearch.vue
index f07cdf6f..f7fb873e 100644
--- a/src/components/ClassSearch.vue
+++ b/src/components/ClassSearch.vue
@@ -49,7 +49,6 @@
 
 <script>
 import FilterSet from './FilterSet.vue';
-import $ from 'jquery';
 import Vue from 'vue';
 import { FilterGroup, RegexFilter, MathFilter, BooleanFilter } from './../utilities/filters.js';
 
@@ -197,9 +196,7 @@ export default {
     });
 
     window.cookies = this.$cookies;
-    $(window).resize(function () {
-      this.updateMenuStyle();
-    }.bind(this));
+    window.addEventListener('resize', this.updateMenuStyle.bind(this));
 
     if (this.$cookies.isKey('paginationRows')) {
       this.pagination.rowsPerPage = parseInt(this.$cookies.get('paginationRows'));
@@ -214,19 +211,17 @@ export default {
         isNew: true
       });
     },
+    // Change search menu size based on existence of class info card
     updateMenuStyle: function () {
       const searchInputElem = document.getElementById('searchInputTF');
       const searchInputRect = searchInputElem.getBoundingClientRect();
       const searchMenuTop = searchInputRect.top + searchInputRect.height;
-      const searchInput = $('#searchInputTF');
-      const menuWidth = searchInput.outerWidth();
-      const classInfoCard = $('#classInfoCard');
-      let menuBottom;
-      if (classInfoCard.length) {
-        menuBottom = classInfoCard.position().top;
-      } else {
-        menuBottom = $(window).innerHeight();
-      }
+      const searchInput = document.getElementById('searchInputTF');
+      const menuWidth = searchInput.offsetWidth;
+      const classInfoCard = document.getElementById('classInfoCard');
+      const menuBottom = classInfoCard
+        ? classInfoCard.getBoundingClientRect().top
+        : window.innerHeight;
       const maxHeight = menuBottom - searchMenuTop - this.menuMargin;
       this.searchHeight = 'max-height: ' + maxHeight + 'px;width: ' + menuWidth + 'px;';
     },
diff --git a/src/components/ExpansionReqs.vue b/src/components/ExpansionReqs.vue
index 2f7b598d..c9e7d73c 100644
--- a/src/components/ExpansionReqs.vue
+++ b/src/components/ExpansionReqs.vue
@@ -46,7 +46,6 @@
 
 <script>
 import SubjectScroll from '../components/SubjectScroll.vue';
-import $ from 'jquery';
 import Vue from 'vue';
 
 export default {
@@ -118,10 +117,11 @@ export default {
         this.expansionIndex = subj.index;
         this.open = true;
         Vue.nextTick(function () {
-          const scrollPoint = $('#' + $.escapeSelector(scrollPointID));
-          const topPoint = scrollPoint.offset().top;
-          const cardBody = $('#cardBody');
-          cardBody.animate({ scrollTop: topPoint - cardBody.offset().top + cardBody.scrollTop() - 10 }, 200);
+          const scrollPoint = document.getElementById(escape(scrollPointID));
+          const topPoint = scrollPoint.getBoundingClientRect().top;
+          const cardBody = document.getElementById('cardBody');
+          const cardTopPoint = cardBody.getBoundingClientRect().top;
+          cardBody.scrollTop = topPoint - cardTopPoint + cardBody.scrollTop - 10;
         });
       } else {
         if (subj.id.indexOf('GIR:') >= 0) {
@@ -137,13 +137,14 @@ export default {
       this.open = false;
       let scrollPoint;
       if (!this.doubleScroller) {
-        scrollPoint = $('#' + $.escapeSelector(this.reqID));
+        scrollPoint = document.getElementById(escape(this.reqID));
       } else {
-        scrollPoint = $('#ds' + this.whichScroller + $.escapeSelector(this.reqID));
+        scrollPoint = document.getElementById('ds' + this.whichScroller + escape(this.reqID));
       }
-      const topPoint = scrollPoint.offset().top;
-      const cardBody = $('#cardBody');
-      cardBody.animate({ scrollTop: topPoint - cardBody.offset().top + cardBody.scrollTop() - 10 }, 350);
+      const topPoint = scrollPoint.getBoundingClientRect().top;
+      const cardBody = document.getElementById('cardBody');
+      const cardTopPoint = cardBody.getBoundingClientRect().top;
+      cardBody.scrollTop = topPoint - cardTopPoint + cardBody.scrollTop - 10;
     }
   }
 };
diff --git a/src/pages/MainPage.vue b/src/pages/MainPage.vue
index a781c6e7..8d1f282c 100644
--- a/src/pages/MainPage.vue
+++ b/src/pages/MainPage.vue
@@ -199,7 +199,6 @@ import RoadTabs from './../components/RoadTabs.vue';
 import ConflictDialog from './../components/ConflictDialog.vue';
 import Auth from './../components/Auth.vue';
 import axios from 'axios';
-import $ from 'jquery';
 import moment from 'moment';
 import UAParser from 'ua-parser-js';
 import Vue from 'vue';
@@ -334,15 +333,6 @@ export default {
     if (localStorage.courseRoadStore !== undefined && this.cookiesAllowed && this.$store.state.loggedIn) {
       this.$store.commit('setFromLocalStorage', JSON.parse(localStorage.courseRoadStore));
     };
-    const borders = $('.v-navigation-drawer__border');
-    const scrollers = $('.scroller');
-    const scrollWidth = scrollers.width();
-    // moves nav drawer border with scroll
-    // if the effect proves too annoying we can remove the borders instead
-    scrollers.scroll(function () {
-      const scrollPosition = scrollers.scrollLeft();
-      borders.css({ top: 0, left: scrollWidth - 1 + scrollPosition });
-    });
 
     this.setActiveRoad();