From 21e624ba94116e8a364032e26b3efae733235c24 Mon Sep 17 00:00:00 2001
From: nicolasm-dev <71887763+nicolasm-dev@users.noreply.github.com>
Date: Thu, 21 Jan 2021 17:40:37 +0100
Subject: [PATCH] Hide scrollbar of sidebar

---
 .changeset/lovely-panthers-peel.md       | 8 ++++++++
 packages/core/src/layout/Sidebar/Bar.tsx | 5 +++++
 2 files changed, 13 insertions(+)
 create mode 100644 .changeset/lovely-panthers-peel.md

diff --git a/.changeset/lovely-panthers-peel.md b/.changeset/lovely-panthers-peel.md
new file mode 100644
index 0000000000..0127a99a57
--- /dev/null
+++ b/.changeset/lovely-panthers-peel.md
@@ -0,0 +1,8 @@
+---
+'@backstage/core': minor
+---
+
+Closes #3556
+The scrollbar of collapsed sidebar is now hidden wihtout full screen.
+
+![image](https://user-images.githubusercontent.com/46953622/105390193-0bfd0080-5c19-11eb-8e86-2161bbe6e8d9.png)
diff --git a/packages/core/src/layout/Sidebar/Bar.tsx b/packages/core/src/layout/Sidebar/Bar.tsx
index d7318de27d..260593de95 100644
--- a/packages/core/src/layout/Sidebar/Bar.tsx
+++ b/packages/core/src/layout/Sidebar/Bar.tsx
@@ -39,6 +39,8 @@ const useStyles = makeStyles<BackstageTheme>(theme => ({
     padding: 0,
     background: theme.palette.navigation.background,
     overflowX: 'hidden',
+    msOverflowStyle: 'none',
+    scrollbarWidth: 'none',
     width: sidebarConfig.drawerWidthClosed,
     transition: theme.transitions.create('width', {
       easing: theme.transitions.easing.sharp,
@@ -47,6 +49,9 @@ const useStyles = makeStyles<BackstageTheme>(theme => ({
     '& > *': {
       flexShrink: 0,
     },
+    '&::-webkit-scrollbar': {
+      display: 'none',
+    },
   },
   drawerOpen: {
     width: sidebarConfig.drawerWidthOpen,