diff --git a/apps/edr-freight-web/backoffice/src/user-management/AppMenuTabs.tsx b/apps/edr-freight-web/backoffice/src/user-management/AppMenuTabs.tsx
index d4cd8eb86..fb523fc06 100644
--- a/apps/edr-freight-web/backoffice/src/user-management/AppMenuTabs.tsx
+++ b/apps/edr-freight-web/backoffice/src/user-management/AppMenuTabs.tsx
@@ -237,9 +237,11 @@ export const AppMenuTabs = () => {
     // Sticky (not fixed) so it stays in flow: content below never needs a
     // magic offset matching this bar's responsive height. top-16 keeps it
     // pinned just below the fixed 64px <Top> header while scrolling.
+    // -mt-8 cancels the excess of <Top>'s in-flow h-24 wrapper over its 64px
+    // fixed header, so the bar sits flush under the header with no jump.
     // shrink-0 is load-bearing: as a flex item with overflow-hidden this bar
     // would otherwise be flex-squashed to zero height when the page overflows.
-    <div className="sticky top-16 z-30 shrink-0 bg-white dark:bg-gray-900 border-b dark:border-gray-800 overflow-hidden flex flex-col">
+    <div className="sticky top-16 -mt-8 z-30 shrink-0 bg-white dark:bg-gray-900 border-b dark:border-gray-800 overflow-hidden flex flex-col">
       {/* Mobile View - Two separate rows */}
       <div className="md:hidden flex flex-col pt-5 pb-3 px-4 space-y-3 mt-2">
         {/* Primary items row */}
diff --git a/apps/edr-freight-web/backoffice/src/user-management/Applayout.tsx b/apps/edr-freight-web/backoffice/src/user-management/Applayout.tsx
index 7a7e56b76..3b33519b6 100644
--- a/apps/edr-freight-web/backoffice/src/user-management/Applayout.tsx
+++ b/apps/edr-freight-web/backoffice/src/user-management/Applayout.tsx
@@ -27,9 +27,10 @@ export const AppLayout = () => {
   }
 
   return (
-    // pt-16 clears the fixed 64px <Top>; AppMenuTabs is sticky and in flow,
-    // so content starts right below it at any tabs height (mobile/desktop).
-    <div className="w-full h-dvh overflow-y-auto flex flex-col pt-16 bg-background text-foreground">
+    // <Top> renders its own in-flow h-24 wrapper around the fixed 64px header,
+    // so flow already clears the header — no extra top padding here.
+    // AppMenuTabs is sticky and in flow, so content starts right below it.
+    <div className="w-full h-dvh overflow-y-auto flex flex-col bg-background text-foreground">
       <Top onToggleSidebar={toggleSidebar} showRecordManagementShortcut={!isSuperAdmin} />
       <AppMenuTabs />
       <div className="px-2 pb-2 pt-4 sm:px-4 sm:pb-4 sm:pt-6 flex-1">