From 350354d8a8d874c9fff50d0595d9218c616df361 Mon Sep 17 00:00:00 2001
From: Ankita <ankita.gupta@zemosolabs.com>
Date: Wed, 23 Dec 2020 14:45:59 +0530
Subject: [PATCH] fix scrollbar not appear on tabs

---
 .../ra-ui-materialui/src/form/TabbedFormTabs.tsx | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/packages/ra-ui-materialui/src/form/TabbedFormTabs.tsx b/packages/ra-ui-materialui/src/form/TabbedFormTabs.tsx
index 297227f93f6..dd761d7eef0 100644
--- a/packages/ra-ui-materialui/src/form/TabbedFormTabs.tsx
+++ b/packages/ra-ui-materialui/src/form/TabbedFormTabs.tsx
@@ -9,6 +9,13 @@ import {
 import PropTypes from 'prop-types';
 import Tabs, { TabsProps } from '@material-ui/core/Tabs';
 import { useLocation } from 'react-router-dom';
+import { makeStyles } from '@material-ui/core/styles';
+
+const useStyles = makeStyles(theme => ({
+    scrollableTabs: {
+        width: 0,
+    },
+}));
 
 const TabbedFormTabs: FC<TabbedFormTabsProps> = ({
     children,
@@ -18,7 +25,7 @@ const TabbedFormTabs: FC<TabbedFormTabsProps> = ({
     ...rest
 }) => {
     const location = useLocation();
-
+    const styles = useStyles();
     const validTabPaths = Children.map(children, (tab, index) => {
         if (!isValidElement(tab)) return undefined;
         return getTabFullPath(tab, index, url);
@@ -36,7 +43,12 @@ const TabbedFormTabs: FC<TabbedFormTabsProps> = ({
         : validTabPaths[0];
 
     return (
-        <Tabs value={tabValue} indicatorColor="primary" {...rest}>
+        <Tabs
+            value={tabValue}
+            indicatorColor="primary"
+            classes={{ scrollable: styles.scrollableTabs }}
+            {...rest}
+        >
             {Children.map(children, (tab: ReactElement, index) => {
                 if (!isValidElement<any>(tab)) return null;