diff --git a/packages/mui-material-next/src/Tabs/Tabs.js b/packages/mui-material-next/src/Tabs/Tabs.js
index bff171b48e9d33..f2cc1b77a83c3b 100644
--- a/packages/mui-material-next/src/Tabs/Tabs.js
+++ b/packages/mui-material-next/src/Tabs/Tabs.js
@@ -146,10 +146,7 @@ const TabsIndicator = styled('span', {
}),
}));
-const TabsScrollbarSize = styled(ScrollbarSize, {
- name: 'MuiTabs',
- slot: 'ScrollbarSize',
-})({
+const TabsScrollbarSize = styled(ScrollbarSize)({
overflowX: 'auto',
overflowY: 'hidden',
// Hide dimensionless scrollbar on macOS
diff --git a/packages/mui-material/src/Tabs/Tabs.js b/packages/mui-material/src/Tabs/Tabs.js
index 12a9f9ba9fa24e..7c93ba1186f013 100644
--- a/packages/mui-material/src/Tabs/Tabs.js
+++ b/packages/mui-material/src/Tabs/Tabs.js
@@ -213,10 +213,7 @@ const TabsIndicator = styled('span', {
}),
}));
-const TabsScrollbarSize = styled(ScrollbarSize, {
- name: 'MuiTabs',
- slot: 'ScrollbarSize',
-})({
+const TabsScrollbarSize = styled(ScrollbarSize)({
overflowX: 'auto',
overflowY: 'hidden',
// Hide dimensionless scrollbar on macOS
diff --git a/packages/mui-material/src/Tabs/Tabs.test.js b/packages/mui-material/src/Tabs/Tabs.test.js
index 4ce124b5a04176..e6bf75b31c0801 100644
--- a/packages/mui-material/src/Tabs/Tabs.test.js
+++ b/packages/mui-material/src/Tabs/Tabs.test.js
@@ -523,6 +523,37 @@ describe('', () => {
});
expect(tablistContainer.style.overflow).to.equal('');
});
+
+ it('should handle theme styleOverrides for scrollable tabs without crashing', () => {
+ const theme = createTheme({
+ components: {
+ MuiTabs: {
+ styleOverrides: {
+ root: ({ ownerState: { orientation } }) => ({
+ ...(orientation === 'vertical'
+ ? {
+ background: 'magenta',
+ }
+ : {
+ background: 'lime',
+ }),
+ }),
+ },
+ },
+ },
+ });
+
+ expect(() =>
+ render(
+
+
+
+
+
+ ,
+ ),
+ ).not.to.throw();
+ });
});
describe('prop: !variant="scrollable"', () => {