diff --git a/package-lock.json b/package-lock.json
index b5acdc7e..383bf7a8 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9746,9 +9746,9 @@
       }
     },
     "next-page-transitions": {
-      "version": "1.0.0-beta.1",
-      "resolved": "https://registry.npmjs.org/next-page-transitions/-/next-page-transitions-1.0.0-beta.1.tgz",
-      "integrity": "sha512-xjYkUyZfsV1qyfGHV2mmJS6icFY1VbvrC2wh9nucXd1U2zOTHWR+9CsWTSckghk4IJbnk6Ll/6RyRpexTiGodA==",
+      "version": "1.0.0-beta.2",
+      "resolved": "https://registry.npmjs.org/next-page-transitions/-/next-page-transitions-1.0.0-beta.2.tgz",
+      "integrity": "sha512-j5BIwytcZV3N90brzHRsjOw7AOMZ4JvgK8aeSjanFIEt+tLYoF1LI/LuxlS+B2EQOXSBgxHbxBbUmPZPQEL4Xw==",
       "requires": {
         "prop-types": "^15.6.1",
         "react-transition-group": "^2.3.1"
diff --git a/package.json b/package.json
index 441b9dcb..971e08a2 100644
--- a/package.json
+++ b/package.json
@@ -44,7 +44,7 @@
     "moment": "^2.24.0",
     "mysql2": "^1.6.5",
     "next": "^8.0.0",
-    "next-page-transitions": "^1.0.0-beta.1",
+    "next-page-transitions": "^1.0.0-beta.2",
     "next-redux-wrapper": "^3.0.0-alpha.1",
     "next-routes": "^1.4.2",
     "normalizr": "^3.3.0",
diff --git a/src/components/AppContainer.js b/src/components/AppContainer.js
index 089dc73f..5e62279b 100644
--- a/src/components/AppContainer.js
+++ b/src/components/AppContainer.js
@@ -19,6 +19,7 @@ const AppContainer = props => {
       <PageTransition
         timeout={TIMEOUT}
         classNames="page-transition"
+        tag="main"
         loadingComponent={<Loading />}
         loadingDelay={500}
         loadingTimeout={{
diff --git a/src/components/Footer.js b/src/components/Footer.js
index bfa3c8a6..0044cb50 100644
--- a/src/components/Footer.js
+++ b/src/components/Footer.js
@@ -4,12 +4,12 @@ import { faGithub } from '@fortawesome/free-brands-svg-icons'
 
 const Footer = () => (
   <Fragment>
-    <div className="footer p-3 bg-light d-flex justify-content-center text-muted">
+    <footer className="footer p-3 bg-light d-flex justify-content-center text-muted">
       <a href="https://github.com/illinois/queue" className="text-muted">
         <FontAwesomeIcon icon={faGithub} className="mr-2" />
         GitHub
       </a>
-    </div>
+    </footer>
     <style global jsx>{`
       .footer {
         position: absolute;