From f7b20da64042e0fb8280ebea473052f9a750aebf Mon Sep 17 00:00:00 2001
From: Ayush Mainali <49358949+AyushMainali123@users.noreply.github.com>
Date: Mon, 26 Jun 2023 17:57:57 +0545
Subject: [PATCH] fix: fixed layout shift issue of top banner (#9791)

---
 packages/features/shell/Shell.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/features/shell/Shell.tsx b/packages/features/shell/Shell.tsx
index 672760dac6..7ab961b687 100644
--- a/packages/features/shell/Shell.tsx
+++ b/packages/features/shell/Shell.tsx
@@ -199,8 +199,8 @@ const Layout = (props: LayoutProps) => {
 
       {/* todo: only run this if timezone is different */}
       <TimezoneChangeDialog />
-      <div style={{ paddingTop: `${bannersHeight}px` }} className="flex min-h-screen flex-col">
-        <div ref={bannerRef} className="fixed top-0 z-10 w-full divide-y divide-black">
+      <div className="flex min-h-screen flex-col">
+        <div ref={bannerRef} className="sticky top-0 z-10 w-full divide-y divide-black">
           <TeamsUpgradeBanner />
           <OrgUpgradeBanner />
           <ImpersonatingBanner />