diff --git a/static/afac26.html b/static/afac26.html
index 669c4cd..df94147 100644
--- a/static/afac26.html
+++ b/static/afac26.html
@@ -17,7 +17,7 @@
             margin: 0;
             padding: 1rem;
         }
-        #signin { display: none; }
+        #signin { display: none; flex: 1; align-items: center; justify-content: center; }
         #main { display: none; width: 100%; max-width: 600px; }
         .header {
             display: flex;
@@ -143,7 +143,7 @@
                 </div>
             </div>
         </wa-card>
-        <wa-button variant="text" size="small" href="/" style="margin-top: 1rem;">« Events</wa-button>
+        <wa-button variant="text" size="small" href="/" style="margin-top: 2rem; margin-left: 3px;">« Events</wa-button>
     </div>
     <script type="module">
         import { auth, logout, api } from '/app.js';
diff --git a/static/app.js b/static/app.js
index 6cc7601..6ccfeb4 100644
--- a/static/app.js
+++ b/static/app.js
@@ -62,7 +62,7 @@ export async function auth() {
     await googleReady;
 
     const signin = document.getElementById('signin');
-    signin.style.display = 'block';
+    signin.style.display = 'flex';
     document.body.style.opacity = 1;
 
     profile = await new Promise((resolve) => {
diff --git a/static/index.html b/static/index.html
index 5462d42..be79886 100644
--- a/static/index.html
+++ b/static/index.html
@@ -17,7 +17,7 @@
             margin: 0;
             padding: 1rem;
         }
-        #signin { display: none; }
+        #signin { display: none; flex: 1; align-items: center; justify-content: center; }
         #main { display: none; width: 100%; max-width: 600px; }
         .header {
             display: flex;