From 192d92723235b7e01d22cad55490bea1e86f097b Mon Sep 17 00:00:00 2001
From: Peer Richelsen <peeroke@gmail.com>
Date: Mon, 22 Dec 2025 10:31:56 +0100
Subject: [PATCH] fix: align page headers by removing py-2 padding from
 ShellMain (#26084)

* fix: align insights header with other pages by using ShellMainAppDir

Co-Authored-By: peer@cal.com <peer@cal.com>

* fix: remove py-2 padding from ShellMain to align with ShellMainAppDir

Co-Authored-By: peer@cal.com <peer@cal.com>

* address cubics comment - keep sticky bg, only remove padding

---------

Co-authored-by: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
Co-authored-by: Dhairyashil <dhairyashil10101010@gmail.com>
---
 apps/web/app/(use-page-wrapper)/insights/layout.tsx | 12 ++++++------
 packages/features/shell/Shell.tsx                   |  2 +-
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/apps/web/app/(use-page-wrapper)/insights/layout.tsx b/apps/web/app/(use-page-wrapper)/insights/layout.tsx
index 056397f754..6eea6cf422 100644
--- a/apps/web/app/(use-page-wrapper)/insights/layout.tsx
+++ b/apps/web/app/(use-page-wrapper)/insights/layout.tsx
@@ -1,3 +1,4 @@
+import { ShellMainAppDir } from "app/(use-page-wrapper)/(main-nav)/ShellMainAppDir";
 import { getTranslate } from "app/_utils";
 
 import { CTA_CONTAINER_CLASS_NAME } from "@calcom/features/data-table/lib/utils";
@@ -9,14 +10,13 @@ export default async function InsightsLayout({ children }: { children: React.Rea
   const t = await getTranslate();
 
   return (
-    <div>
-      <Shell
-        withoutMain={false}
+    <Shell withoutMain={true}>
+      <ShellMainAppDir
         heading={t("insights")}
         subtitle={t("insights_subtitle")}
-        actions={<div className={`mb-2 flex items-center gap-2 ${CTA_CONTAINER_CLASS_NAME}`} />}>
+        actions={<div className={`flex items-center gap-2 ${CTA_CONTAINER_CLASS_NAME}`} />}>
         <UpgradeTipWrapper>{children}</UpgradeTipWrapper>
-      </Shell>
-    </div>
+      </ShellMainAppDir>
+    </Shell>
   );
 }
diff --git a/packages/features/shell/Shell.tsx b/packages/features/shell/Shell.tsx
index f05a62ea1c..345c4eb118 100644
--- a/packages/features/shell/Shell.tsx
+++ b/packages/features/shell/Shell.tsx
@@ -130,7 +130,7 @@ export function ShellMain(props: LayoutProps) {
       {(props.heading || !!props.backPath) && (
         <div
           className={classNames(
-            "bg-default sticky top-0 z-10 mb-0 flex items-center py-2 md:mb-6 md:mt-0",
+            "bg-default sticky top-0 z-10 mb-0 flex items-center md:mb-6 md:mt-0",
             props.smallHeading ? "lg:mb-7" : "lg:mb-8"
           )}>
           {!!props.backPath && (