Merge pull request #1073 from FaheemOnHub/fix/3602/doubleScrollbar

fix doublescrollbar occuring when datatables are placed inside modal

Author: leecalcote

src/custom/Modal/index.tsx

@@ -120,7 +120,12 @@ export const ModalBody = styled(Paper)(({ theme }) => ({
   padding: '1rem',
   backgroundColor: theme.palette.background.surfaces,
   overflowY: 'auto',
-  height: '100%'
+  height: '100%',
+  scrollbarWidth: 'none',
+  '&::-webkit-scrollbar': {
+    display: 'none'
+  },
+  '-ms-overflow-style': 'none'
 }));
 
 const StyledFooter = styled('div', {