diff --git a/static/header.html b/static/header.html
index 6591d91..46b1316 100644
--- a/static/header.html
+++ b/static/header.html
@@ -9,9 +9,8 @@
         <script src="altcha.min.js" type="module" async defer></script>
     </head>
     <body>
+        <div class="brand">
+            {{if .brand_logo}}<img src="{{.brand_logo}}" alt="" class="brand-logo">{{else}}<span class="brand-name">{{if .brand_name}}{{.brand_name}}{{else}}Password management{{end}}</span>{{end}}
+        </div>
         <div class="card{{if .card_wide}} card-wide{{end}}">
-            <div class="brand">
-                {{if .brand_logo}}<img src="{{.brand_logo}}" alt="" class="brand-logo">{{end}}
-                <span class="brand-name">{{if .brand_name}}{{.brand_name}}{{else}}Password management{{end}}</span>
-            </div>
 {{end}}
diff --git a/static/style.css b/static/style.css
index 9931d7c..ff074c2 100644
--- a/static/style.css
+++ b/static/style.css
@@ -69,9 +69,11 @@ body {
   color: var(--text);
   min-height: 100vh;
   display: flex;
+  flex-direction: column;
   align-items: center;
   justify-content: center;
-  padding: 1rem;
+  gap: 1.5rem;
+  padding: 2rem 1rem;
 }
 
 /* ============================================================
@@ -93,9 +95,6 @@ body {
   display: flex;
   align-items: center;
   gap: 0.625rem;
-  padding-bottom: 1.25rem;
-  margin-bottom: 1.5rem;
-  border-bottom: 1px solid var(--brand-border);
 }
 
 .brand-logo {
