diff --git a/.changeset/smart-hairs-lick.md b/.changeset/smart-hairs-lick.md new file mode 100644 index 0000000000..45b5800150 --- /dev/null +++ b/.changeset/smart-hairs-lick.md @@ -0,0 +1,5 @@ +--- +'@backstage/core-components': patch +--- + +Fix a spacing issue for the SidebarSubmenu in case a SidebarScrollWrapper is used that made it hard to reach the SidebarSubmenu diff --git a/packages/core-components/src/layout/Sidebar/Items.tsx b/packages/core-components/src/layout/Sidebar/Items.tsx index b2449075cc..cb5b801b6d 100644 --- a/packages/core-components/src/layout/Sidebar/Items.tsx +++ b/packages/core-components/src/layout/Sidebar/Items.tsx @@ -701,8 +701,7 @@ export const SidebarScrollWrapper = styled('div')(({ theme }) => { return { flex: '0 1 auto', overflowX: 'hidden', - // 5px space to the right of the scrollbar - width: 'calc(100% - 5px)', + width: '100%', // Display at least one item in the container // Question: Can this be a config/theme variable - if so, which? :/ minHeight: '48px',