From c9c509580a7242052db7cb4a146b720b1e692f8c Mon Sep 17 00:00:00 2001
From: iamsmruti <smrutiranjanbadatya2@gmail.com>
Date: Fri, 10 Jan 2025 23:51:29 +0530
Subject: [PATCH] Fix: Right Drawer Border Breakage on Scroll by Ensuring
 Dynamic Height

---
 packages/client/components/MyDashboardTimeline.tsx | 4 ++--
 packages/client/components/TimelineRightDrawer.tsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/client/components/MyDashboardTimeline.tsx b/packages/client/components/MyDashboardTimeline.tsx
index c67a01cba29..a20db2fe5dc 100644
--- a/packages/client/components/MyDashboardTimeline.tsx
+++ b/packages/client/components/MyDashboardTimeline.tsx
@@ -20,6 +20,7 @@ const TimelineFeed = styled('div')({
   display: 'flex',
   justifyContent: 'center',
   flex: 1,
+  height: 'auto',
   paddingLeft: DashTimeline.MIN_PADDING,
   paddingRight: DashTimeline.MIN_PADDING,
   paddingTop: DashTimeline.MIN_PADDING
@@ -33,8 +34,7 @@ export const TimelineFeedItems = styled('div')({
 
 const FeedAndDrawer = styled('div')({
   display: 'flex',
-  height: '100%',
-  overflow: 'auto'
+  height: 'unset'
 })
 
 const MyDashboardTimeline = (props: Props) => {
diff --git a/packages/client/components/TimelineRightDrawer.tsx b/packages/client/components/TimelineRightDrawer.tsx
index 4699698a857..c3fe4deef31 100644
--- a/packages/client/components/TimelineRightDrawer.tsx
+++ b/packages/client/components/TimelineRightDrawer.tsx
@@ -23,7 +23,7 @@ export const RightDrawer = styled('div')({
   minWidth: DashTimeline.TIMELINE_DRAWER_WIDTH,
   maxWidth: DashTimeline.TIMELINE_DRAWER_WIDTH,
   borderLeft: `1px solid ${PALETTE.SLATE_400}`,
-  height: '100%',
+  height: 'auto',
   padding: 16,
   [makeMinWidthMediaQuery(MIN_WIDTH)]: {
     display: 'block'