Fix(UI): Side panel having two scrollbars (#20456)

Fixes: #20417

Screenshot:
<img width="411" height="945" alt="image"
src="https://github.com/user-attachments/assets/925b3ac9-49f2-4fcc-920e-3b9dc34ac466"
/>
This commit is contained in:
Priyanshu Bartwal
2026-05-12 00:12:55 +05:30
committed by GitHub
parent f634a4a0c0
commit c227b0d06a
@@ -35,10 +35,6 @@ const StyledInnerList = styled.div`
}
`;
const StyledSidePanelList = styled.div`
overflow-y: hidden;
`;
const StyledEmpty = styled.div`
align-items: center;
color: ${themeCssVariables.font.color.light};
@@ -61,7 +57,7 @@ export const SidePanelList = ({
);
return (
<StyledSidePanelList>
<>
<SidePanelDefaultSelectionEffect selectableItemIds={selectableItemIds} />
<ScrollWrapper componentInstanceId={`scroll-wrapper-side-panel`}>
<StyledInnerList>
@@ -80,6 +76,6 @@ export const SidePanelList = ({
</SelectableList>
</StyledInnerList>
</ScrollWrapper>
</StyledSidePanelList>
</>
);
};