diff --git a/ui/app/login/page.tsx b/ui/app/login/page.tsx
index 2f36011f6..73b2ff78e 100644
--- a/ui/app/login/page.tsx
+++ b/ui/app/login/page.tsx
@@ -44,7 +44,7 @@ export default function Login() {
         }}
       >
         <Image
-          style={{ marginBottom: '2rem' }}
+          style={{ marginBottom: '4rem' }}
           src='/images/peerdb-combinedMark.svg'
           alt='PeerDB'
           width={400}
@@ -84,7 +84,7 @@ export default function Login() {
         </div>
         <Button
           style={{
-            marginTop: '1rem',
+            marginTop: '2rem',
             width: '6em',
             height: '2em',
             boxShadow: '0px 4px 4px rgba(0,0,0,0.15)',
@@ -100,6 +100,7 @@ export default function Login() {
               borderRadius: '0.2rem',
               padding: '0.5rem',
               color: '#d46363',
+              marginTop: '1rem',
             }}
           >
             {error}