From 1ff6465384141e5666c7b0df9cef230dac297b8e Mon Sep 17 00:00:00 2001
From: Sachin Siddhu <110076916+sachinsiddhu112@users.noreply.github.com>
Date: Thu, 14 Nov 2024 21:56:55 +0530
Subject: [PATCH] fix: resolved troubleshoot-sidbar bug (#17613)

* resolved troubleshoot-sidbar bug

* fulfilled review changes

---------

Co-authored-by: unknown <sachinsiddhu112@gmail.com>
---
 packages/features/troubleshooter/Troubleshooter.tsx | 10 +++-------
 1 file changed, 3 insertions(+), 7 deletions(-)

diff --git a/packages/features/troubleshooter/Troubleshooter.tsx b/packages/features/troubleshooter/Troubleshooter.tsx
index 438eedc7ec..be30ea9fde 100644
--- a/packages/features/troubleshooter/Troubleshooter.tsx
+++ b/packages/features/troubleshooter/Troubleshooter.tsx
@@ -1,5 +1,3 @@
-import StickyBox from "react-sticky-box";
-
 import classNames from "@calcom/lib/classNames";
 import useMediaQuery from "@calcom/lib/hooks/useMediaQuery";
 
@@ -51,11 +49,9 @@ const TroubleshooterComponent = ({ month }: TroubleshooterProps) => {
           <div className="bg-default dark:bg-muted sticky top-0 z-10 [grid-area:header]">
             <TroubleshooterHeader extraDays={extraDays} isMobile={isMobile} />
           </div>
-          <StickyBox key="meta" className={classNames("relative z-10")}>
-            <div className="ps-6">
-              <TroubleshooterSidebar />
-            </div>
-          </StickyBox>
+          <div className="sticky top-0 z-10 ps-6">
+            <TroubleshooterSidebar />
+          </div>
 
           <div className="ml[-1px] border-subtle  sticky top-0 [grid-area:main]">
             <LargeCalendar extraDays={extraDays} />