diff --git a/alfa-client/apps/admin/src/app/app.component.html b/alfa-client/apps/admin/src/app/app.component.html
index 89232167a7c7ef4a2c6ab99159d5f300d60a0fbf..adbd608ba83644365146d6b241a20848e473f065 100644
--- a/alfa-client/apps/admin/src/app/app.component.html
+++ b/alfa-client/apps/admin/src/app/app.component.html
@@ -11,22 +11,18 @@
     >
       <ods-admin-logo-icon />
     </a>
-    <div>
-      <user-profile-button-container
-        data-test-id="user-profile-button"
-      ></user-profile-button-container>
-    </div>
+    <user-profile-button-container
+      data-test-id="user-profile-button"
+    ></user-profile-button-container>
   </header>
-  <div class="flex w-full flex-auto justify-center overflow-y-auto">
-    <div class="w-72 bg-slate-100 p-6">
-      <nav>
-        <admin-navigation
-          *ngIf="apiRoot | hasLink: ApiRootLinkRel.CONFIGURATION"
-          data-test-id="navigation"
-        ></admin-navigation>
-      </nav>
-    </div>
-    <main class="flex-auto overflow-y-auto bg-slate-200 p-6">
+  <div class="flex h-screen w-full justify-center overflow-y-auto">
+    <nav class="h-full w-72 bg-slate-100 p-4">
+      <admin-navigation
+        *ngIf="apiRoot | hasLink: ApiRootLinkRel.CONFIGURATION"
+        data-test-id="navigation"
+      ></admin-navigation>
+    </nav>
+    <main class="flex-1 overflow-y-auto bg-white px-6 py-4">
       <router-outlet
         *ngIf="
           apiRoot | hasLink: ApiRootLinkRel.CONFIGURATION;
@@ -39,5 +35,5 @@
       </ng-template>
     </main>
   </div>
-  <span data-test-id="build-version">Version: {{ apiRoot.version }}</span>
+  <footer data-test-id="build-version">Version: {{ apiRoot.version }}</footer>
 </ng-container>