check responsive & page dashboard user account & turns & transactions & comments

app/component/Tabs.js

@@ -7,7 +7,7 @@ function a11yProps(index) {
     };
 };
 
-function Tabs({ value, handleChange, listTab, isSm }) {
+function Tabs({ value, handleChange, listTab, isSm, style }) {
     return (
         <Box
             className="!border-none"
@@ -16,24 +16,10 @@ function Tabs({ value, handleChange, listTab, isSm }) {
                 value={value}
                 onChange={handleChange}
                 sx={{
+                    ...style,
                     '.MuiTabs-fixed': {
                         overflow: 'auto !important'
                     },
-                    '.MuiTabs-indicator': {
-                        height: isSm ? '4px' : '2px',
-                        borderRadius: isSm ? '8px' : '10px',
-                        background: '#F17732'
-                    },
-                    '& .MuiTabs-flexContainer': {
-                        borderBottom: isSm ? '2px solid #EFEFEF' : '',
-                        marginBottom: isSm ? '1px' : ''
-                    },
-                    '& .mui-11pdt05-MuiButtonBase-root-MuiTab-root.Mui-selected': {
-                        color: '#F17732 !important'
-                    },
-                    '& .MuiButtonBase-root.Mui-selected': {
-                        color: '#F17732 !important'
-                    }
                 }}
             >
                 {listTab.map((item, idx) => (