diff --git a/app/components/navigation/Top/Top.view.tsx b/app/components/navigation/Top/Top.view.tsx
index 35cfa90..1a65179 100644
--- a/app/components/navigation/Top/Top.view.tsx
+++ b/app/components/navigation/Top/Top.view.tsx
@@ -170,13 +170,10 @@ function TopView({
         <nav
             className="relative flex w-full items-center
             px-[var(--spacing-scale-016)]
-            py-[var(--spacing-scale-016)]
+            py-[var(--spacing-scale-008)]
             sm:px-[var(--spacing-measures-spacing-016)]
-            sm:py-[var(--spacing-scale-016)]
             lg:px-[var(--spacing-measures-spacing-64,64px)]
-            lg:py-[var(--spacing-scale-016)]
-            xl:py-[var(--spacing-scale-016)]
-            min-h-[var(--spacing-scale-040)]"
+            lg:py-[var(--spacing-scale-016)]"
             role="navigation"
             aria-label={t("ariaLabels.mainNavigation")}
         >
diff --git a/tests/components/Top.test.tsx b/tests/components/Top.test.tsx
index cb85a49..dc3195b 100644
--- a/tests/components/Top.test.tsx
+++ b/tests/components/Top.test.tsx
@@ -101,6 +101,14 @@ describe('Top "Create rule" button', () => {
     ).toBeNull();
   });
 
+  it("pads the standard header to hug Create rule", () => {
+    renderWithProviders(<Top folderTop={false} />);
+    const nav = screen.getByRole("navigation", { name: "Main navigation" });
+    expect(nav.className).toContain("py-[var(--spacing-scale-008)]");
+    expect(nav.className).toContain("lg:py-[var(--spacing-scale-016)]");
+    expect(nav.className).not.toContain("min-h-[var(--spacing-scale-040)]");
+  });
+
   it("uses filled invert for Create rule", () => {
     for (const folderTop of [false, true]) {
       const { unmount } = renderWithProviders(<Top folderTop={folderTop} />);