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'