diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 187ae7e7..1b14a831 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -1,4 +1,5 @@
 import "bootstrap/dist/css/bootstrap.min.css";
+import Footer from "components/nav/Footer";
 import TopNavbar from "components/nav/TopNavbar";
 import NotFoundRedirect from "components/NotFoundRedirect";
 import { AlertQueue, AlertQueueProvider } from "hooks/alerts";
@@ -36,14 +37,7 @@ const App = () => {
                   </Routes>
                 </Container>
 
-                <footer className="fixed-bottom">
-                  {/* Solid background */}
-                  <div className="text-center bg-body-tertiary p-2">
-                    <a href="mailto:support@robolist.xyz">
-                      support@robolist.xyz
-                    </a>
-                  </div>
-                </footer>
+                <Footer />
               </OneTimePasswordWrapper>
             </AlertQueue>
           </AlertQueueProvider>
diff --git a/frontend/src/components/nav/Footer.tsx b/frontend/src/components/nav/Footer.tsx
new file mode 100644
index 00000000..1481f270
--- /dev/null
+++ b/frontend/src/components/nav/Footer.tsx
@@ -0,0 +1,13 @@
+const Footer = () => {
+  return (
+    <footer className="fixed-bottom">
+      {/* Solid background */}
+      <div className="text-center bg-body-tertiary p-2">
+        <a href="mailto:support@robolist.xyz">support@robolist.xyz</a> |{" "}
+        <a href="https://github.com/kscalelabs/store">Github</a>
+      </div>
+    </footer>
+  );
+};
+
+export default Footer;