diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 24a9333ed..011735cf0 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -9,7 +9,7 @@ interface IHeader {
 export const Header = ({ children }: IHeader) => {
   const navigate = useNavigate();
   return (
-    <div className="mx-8 mt-4 flex items-center justify-between py-2">
+    <div className="mx-8 mt-2 flex items-center justify-between py-2">
       <button
         type="button"
         className="focus:outline-none"
diff --git a/src/components/__snapshots__/Header.test.tsx.snap b/src/components/__snapshots__/Header.test.tsx.snap
index c7a82e24c..98717155d 100644
--- a/src/components/__snapshots__/Header.test.tsx.snap
+++ b/src/components/__snapshots__/Header.test.tsx.snap
@@ -6,7 +6,7 @@ exports[`components/Header.tsx should render itself & its children 1`] = `
   "baseElement": <body>
     <div>
       <div
-        class="mx-8 mt-4 flex items-center justify-between py-2"
+        class="mx-8 mt-2 flex items-center justify-between py-2"
       >
         <button
           class="focus:outline-none"
@@ -39,7 +39,7 @@ exports[`components/Header.tsx should render itself & its children 1`] = `
   </body>,
   "container": <div>
     <div
-      class="mx-8 mt-4 flex items-center justify-between py-2"
+      class="mx-8 mt-2 flex items-center justify-between py-2"
     >
       <button
         class="focus:outline-none"
diff --git a/src/routes/__snapshots__/Accounts.test.tsx.snap b/src/routes/__snapshots__/Accounts.test.tsx.snap
index 7a793f238..ed3bb523c 100644
--- a/src/routes/__snapshots__/Accounts.test.tsx.snap
+++ b/src/routes/__snapshots__/Accounts.test.tsx.snap
@@ -6,7 +6,7 @@ exports[`routes/Accounts.tsx General should render itself & its children 1`] = `
   data-testid="accounts"
 >
   <div
-    class="mx-8 mt-4 flex items-center justify-between py-2"
+    class="mx-8 mt-2 flex items-center justify-between py-2"
   >
     <button
       class="focus:outline-none"
diff --git a/src/routes/__snapshots__/LoginWithOAuthApp.test.tsx.snap b/src/routes/__snapshots__/LoginWithOAuthApp.test.tsx.snap
index 55b4f99f7..8f443ca28 100644
--- a/src/routes/__snapshots__/LoginWithOAuthApp.test.tsx.snap
+++ b/src/routes/__snapshots__/LoginWithOAuthApp.test.tsx.snap
@@ -7,7 +7,7 @@ exports[`routes/LoginWithOAuthApp.tsx renders correctly 1`] = `
     <div>
       <div>
         <div
-          class="mx-8 mt-4 flex items-center justify-between py-2"
+          class="mx-8 mt-2 flex items-center justify-between py-2"
         >
           <button
             class="focus:outline-none"
@@ -207,7 +207,7 @@ exports[`routes/LoginWithOAuthApp.tsx renders correctly 1`] = `
   "container": <div>
     <div>
       <div
-        class="mx-8 mt-4 flex items-center justify-between py-2"
+        class="mx-8 mt-2 flex items-center justify-between py-2"
       >
         <button
           class="focus:outline-none"
diff --git a/src/routes/__snapshots__/LoginWithPersonalAccessToken.test.tsx.snap b/src/routes/__snapshots__/LoginWithPersonalAccessToken.test.tsx.snap
index 808a05222..5bfd8c9eb 100644
--- a/src/routes/__snapshots__/LoginWithPersonalAccessToken.test.tsx.snap
+++ b/src/routes/__snapshots__/LoginWithPersonalAccessToken.test.tsx.snap
@@ -7,7 +7,7 @@ exports[`routes/LoginWithPersonalAccessToken.tsx renders correctly 1`] = `
     <div>
       <div>
         <div
-          class="mx-8 mt-4 flex items-center justify-between py-2"
+          class="mx-8 mt-2 flex items-center justify-between py-2"
         >
           <button
             class="focus:outline-none"
@@ -196,7 +196,7 @@ exports[`routes/LoginWithPersonalAccessToken.tsx renders correctly 1`] = `
   "container": <div>
     <div>
       <div
-        class="mx-8 mt-4 flex items-center justify-between py-2"
+        class="mx-8 mt-2 flex items-center justify-between py-2"
       >
         <button
           class="focus:outline-none"
diff --git a/src/routes/__snapshots__/Settings.test.tsx.snap b/src/routes/__snapshots__/Settings.test.tsx.snap
index 4c8e39cdd..709e935cd 100644
--- a/src/routes/__snapshots__/Settings.test.tsx.snap
+++ b/src/routes/__snapshots__/Settings.test.tsx.snap
@@ -24,7 +24,7 @@ exports[`routes/Settings.tsx General should render itself & its children 1`] = `
   data-testid="settings"
 >
   <div
-    class="mx-8 mt-4 flex items-center justify-between py-2"
+    class="mx-8 mt-2 flex items-center justify-between py-2"
   >
     <button
       class="focus:outline-none"
