From 75279382d65c608b87ffe8319445d860dab825a4 Mon Sep 17 00:00:00 2001
From: Frankie Roberto <frankie@frankieroberto.com>
Date: Tue, 16 Jul 2024 09:12:36 +0100
Subject: [PATCH] Tweak to layout

---
 packages/components/header/_header.scss | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/packages/components/header/_header.scss b/packages/components/header/_header.scss
index 966e22b7b..98a91b6a7 100644
--- a/packages/components/header/_header.scss
+++ b/packages/components/header/_header.scss
@@ -535,6 +535,11 @@
 // Account section
 .nhsuk-header__account {
   margin-right: 0;
+
+  /* TODO: This is to move the section closer to the top
+     on mobile but is only rough. */
+  margin-top: -5px;
+
   display: flex;
   flex-direction: column;
   align-items: flex-end;
@@ -543,11 +548,10 @@
 
 .nhsuk-header__account-item {
   @include nhsuk-font(16);
-  border-bottom: nhsuk-spacing(1) solid transparent;
-  border-top: nhsuk-spacing(1) solid transparent;
+  display: inline-block;
   color: $color_nhsuk-white;
   font-size: inherit;
-  padding: nhsuk-spacing(3) 0;
+  padding: nhsuk-spacing(1) 0;
   white-space: nowrap;
   margin-left: nhsuk-spacing(4);
 }