diff --git a/app/client/src/components/ads/Tabs.tsx b/app/client/src/components/ads/Tabs.tsx index de662634f6..0e79d959e9 100644 --- a/app/client/src/components/ads/Tabs.tsx +++ b/app/client/src/components/ads/Tabs.tsx @@ -24,7 +24,7 @@ const TabsWrapper = styled.div<{ shouldOverflow?: boolean }>` } .react-tabs__tab-panel { height: calc(100% - 32px); - overflow: scroll; + overflow: auto; } .react-tabs__tab-list { display: flex; diff --git a/app/client/src/pages/Applications/index.tsx b/app/client/src/pages/Applications/index.tsx index b29a8acd67..d94b50c3e0 100644 --- a/app/client/src/pages/Applications/index.tsx +++ b/app/client/src/pages/Applications/index.tsx @@ -87,7 +87,7 @@ const StyledDialog = styled(Dialog)<{ setMaxWidth?: boolean }>` const LeftPaneWrapper = styled.div` // height: 50vh; - overflow: scroll; + overflow: auto; width: 256px; display: flex; padding-left: 16px; @@ -97,7 +97,7 @@ const LeftPaneWrapper = styled.div` `; const ApplicationContainer = styled.div` height: calc(100vh - ${props => props.theme.homePage.search.height - 40}px); - overflow: scroll; + overflow: auto; padding-right: ${props => props.theme.homePage.leftPane.rightMargin}px; margin-top: ${props => props.theme.homePage.search.height}px; margin-left: ${props => @@ -146,7 +146,7 @@ const StyledAnchor = styled.a` `; const WorkpsacesNavigator = styled.div` - overflow: scroll; + overflow: auto; height: calc(100vh - ${props => props.theme.homePage.header + 36 + 25}px); `;