diff --git a/app/src/App.js b/app/src/App.js
index e65e926b..22d7efde 100644
--- a/app/src/App.js
+++ b/app/src/App.js
@@ -26,6 +26,10 @@ function PageNotFound() {
     </Container>)
 }
 
+function Dot() {
+    return <>&nbsp;•&nbsp;</>
+}
+
 function Footer() {
     const {t} = useContext(ThemeContext);
     const {status} = useContext(StatusContext);
@@ -33,10 +37,10 @@ function Footer() {
     version = version ? `v${version}` : null;
     return <Container textAlign='center' style={{marginTop: '1.5em', marginBottom: '1em', ...t}}>
         <span {...t}>
-            WROLPi {version} &nbsp;•&nbsp;
-            <Link to='/donate'>Donate</Link> &nbsp;•&nbsp;
-            <a href='https://github.com/lrnselfreliance/wrolpi'>GitHub</a> &nbsp;•&nbsp;
-            <a href='https://discord.gg/HrwFk7nqA2'>Discord</a>
+            WROLPi {version} <Dot/>
+            <a href='https://discord.gg/HrwFk7nqA2'>Discord</a> <Dot/>
+            <a href='https://github.com/lrnselfreliance/wrolpi'>GitHub</a> <Dot/>
+            <Link to='/donate'>Donate</Link>
             </span>
     </Container>
 }
diff --git a/app/src/components/Archive.js b/app/src/components/Archive.js
index 7500e03e..fb2f4c20 100644
--- a/app/src/components/Archive.js
+++ b/app/src/components/Archive.js
@@ -40,8 +40,6 @@ import {ThemeContext} from "../contexts/contexts";
 import {Button, CardIcon, Header, Loader, Placeholder, Segment, Table} from "./Theme";
 
 function ArchivePage() {
-    const {s} = useContext(ThemeContext);
-
     const [deleteOpen, setDeleteOpen] = useState(false);
     const [syncOpen, setSyncOpen] = useState(false);
     const navigate = useNavigate();