diff --git a/packages/standard-components/src/Login.svelte b/packages/standard-components/src/Login.svelte
index 1ddefb3f28..e125ee864b 100644
--- a/packages/standard-components/src/Login.svelte
+++ b/packages/standard-components/src/Login.svelte
@@ -65,9 +65,7 @@
           placeholder="Password"
           class={_inputClass} />
       </div>
-    </div>
 
-    <div class="login-button-container">
       <button disabled={loading} on:click={login} class={_buttonClass}>
         {buttonText || 'Log In'}
       </button>
@@ -109,11 +107,6 @@
     margin-bottom: 20px;
   }
 
-  .login-button-container {
-    margin-top: 6px;
-    max-width: 100%;
-  }
-
   .header-content {
     font-family: Inter;
     font-weight: 700;
@@ -143,10 +136,11 @@
     flex-direction: column;
     align-items: stretch;
     width: 300px;
+    margin: auto;
+    gap: 8px;
   }
 
   .control {
-    padding: 6px 0px;
     width: 100%;
   }
 
@@ -193,5 +187,6 @@
 
   h2 {
     text-align: center;
+    margin-bottom: 10px;
   }
 </style>