Reader settings

src/modules/core/components/tabs/TabPanel.tsx

@@ -6,20 +6,21 @@
  * file, You can obtain one at https://mozilla.org/MPL/2.0/.
  */
 
+import Box, { BoxProps } from '@mui/material/Box';
 import React from 'react';
 
-interface IProps {
+interface IProps extends BoxProps {
     children: React.ReactNode;
     index: any;
     currentIndex: any;
 }
 
 export function TabPanel(props: IProps) {
-    const { children, index, currentIndex } = props;
+    const { children, index, currentIndex, ...boxProps } = props;
 
     return (
-        <div role="tabpanel" hidden={index !== currentIndex} id={`simple-tabpanel-${index}`}>
+        <Box {...boxProps} role="tabpanel" hidden={index !== currentIndex} id={`simple-tabpanel-${index}`}>
             {currentIndex === index && children}
-        </div>
+        </Box>
     );
 }

src/modules/core/components/tabs/TabsMenu.tsx

@@ -35,7 +35,7 @@ export const TabsMenu = forwardRef(
                 indicatorColor="primary"
                 textColor="primary"
                 variant="scrollable"
-                scrollButtons
+                scrollButtons="auto"
                 allowScrollButtonsMobile
                 {...props}
             >