diff --git a/packages/standard-components/src/Login.svelte b/packages/standard-components/src/Login.svelte
index b7435def58..944c00de85 100644
--- a/packages/standard-components/src/Login.svelte
+++ b/packages/standard-components/src/Login.svelte
@@ -1,7 +1,7 @@
 <script>
   import Button from "./Button.svelte"
 
-  export let buttonText = "Login"
+  export let buttonText = "Log In"
   export let logo = ""
   export let title = ""
   export let buttonClass = ""
@@ -48,7 +48,7 @@
     {/if}
 
     {#if title}
-      <h1 class="header-content">{title}</h1>
+      <h2 class="header-content">{title}</h2>
     {/if}
 
     <div class="form-root">
@@ -71,7 +71,7 @@
 
     <div class="login-button-container">
       <button disabled={loading} on:click={login} class={_buttonClass}>
-        {buttonText || 'Login'}
+        {buttonText || 'Log In'}
       </button>
     </div>
 
@@ -102,7 +102,9 @@
   }
 
   .logo-container > img {
+    height: 80px;
     max-width: 200px;
+    margin-bottom: 20px;
   }
 
   .login-button-container {
@@ -114,12 +116,11 @@
     font-family: Inter;
     font-weight: 700;
     color: #1f1f1f;
-    font-size: 48px;
-    line-height: 72px;
-    margin-bottom: 30px;
+    font-size: 32px;
     text-rendering: optimizeLegibility;
     -webkit-font-smoothing: antialiased;
     font-feature-settings: "case" "rlig" "calt" 0;
+    margin: 0 0 20px 0;
   }
 
   .incorrect-details-panel {