diff --git a/lib/components/src/bar/bar.tsx b/lib/components/src/bar/bar.tsx
index c47c735aa6bb..8b0e75e6cd76 100644
--- a/lib/components/src/bar/bar.tsx
+++ b/lib/components/src/bar/bar.tsx
@@ -65,6 +65,7 @@ const BarInner = styled.div<{ bgColor: string }>(({ bgColor }) => ({
   flexShrink: 0,
   height: 40,
   backgroundColor: bgColor || '',
+  overflowX: 'auto',
 }));
 
 export interface FlexBarProps {