From 7ea0a52bf1c60aae6add1f3095c2ba661f412733 Mon Sep 17 00:00:00 2001
From: adilallo <39313955+adilallo@users.noreply.github.com>
Date: Wed, 19 Aug 2026 09:29:40 -0600
Subject: [PATCH] Hug the standard header to Create rule with Figma vertical
 padding.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 app/components/navigation/Top/Top.view.tsx | 7 ++-----
 tests/components/Top.test.tsx              | 8 ++++++++
 2 files changed, 10 insertions(+), 5 deletions(-)

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} />);