diff --git a/components/TabbedView/TabbedView.jsx b/components/TabbedView/TabbedView.jsx index 520d4ce86..b3201d488 100644 --- a/components/TabbedView/TabbedView.jsx +++ b/components/TabbedView/TabbedView.jsx @@ -41,7 +41,7 @@ const Navbar = styled.nav.attrs({ background-color: ${background}; margin: 0 0 ${large}px 0; - ${fluid ? 'width: 100%; overflow-x: scroll;' : null} + ${fluid ? 'width: 100%; overflow-x: auto;' : null} ${mediumQuery` overflow-x: auto; diff --git a/components/TabbedView/__snapshots__/TabbedView.unit.test.jsx.snap b/components/TabbedView/__snapshots__/TabbedView.unit.test.jsx.snap index b024bcdfa..80cc6b6ae 100644 --- a/components/TabbedView/__snapshots__/TabbedView.unit.test.jsx.snap +++ b/components/TabbedView/__snapshots__/TabbedView.unit.test.jsx.snap @@ -378,7 +378,7 @@ exports[` Snapshot should match snapshot with fluid option 1`] = background-color: transparent; margin: 0 0 24px 0; width: 100%; - overflow-x: scroll; + overflow-x: auto; } .c1 { @@ -488,7 +488,7 @@ exports[` Snapshot should match snapshot with fluid option 2`] = background-color: transparent; margin: 0 0 24px 0; width: 100%; - overflow-x: scroll; + overflow-x: auto; } .c1 { @@ -611,7 +611,7 @@ exports[` Snapshot should match snapshot with fluid option 3`] = background-color: transparent; margin: 0 0 24px 0; width: 100%; - overflow-x: scroll; + overflow-x: auto; } .c1 {