diff --git a/web/packages/teleport/src/Navigation/SideNavigation/Section.tsx b/web/packages/teleport/src/Navigation/SideNavigation/Section.tsx
index aa9f3d87de7d7..dab21250a8ae0 100644
--- a/web/packages/teleport/src/Navigation/SideNavigation/Section.tsx
+++ b/web/packages/teleport/src/Navigation/SideNavigation/Section.tsx
@@ -70,6 +70,7 @@ export const RightPanel = styled(Box).attrs({ pt: 2, px: 2 })<{
   left: var(--sidenav-width);
   height: 100%;
   scrollbar-gutter: auto;
+  scrollbar-color: ${p => p.theme.colors.spotBackground[2]} transparent;
   overflow: visible;
   width: ${rightPanelWidth};
   background: ${p => p.theme.colors.levels.surface};