diff --git a/src/custom/Modal/index.tsx b/src/custom/Modal/index.tsx
index ddca2662f..815b42586 100644
--- a/src/custom/Modal/index.tsx
+++ b/src/custom/Modal/index.tsx
@@ -122,10 +122,10 @@ export const ModalBody = styled(Paper)(({ theme }) => ({
   overflowY: 'auto',
   height: '100%',
   scrollbarWidth: 'none',
+  msOverflowStyle: 'none',
   '&::-webkit-scrollbar': {
     display: 'none'
-  },
-  '-ms-overflow-style': 'none'
+  }
 }));
 
 const StyledFooter = styled('div', {
diff --git a/src/custom/Workspaces/styles.tsx b/src/custom/Workspaces/styles.tsx
index a063727c0..a1b379403 100644
--- a/src/custom/Workspaces/styles.tsx
+++ b/src/custom/Workspaces/styles.tsx
@@ -399,10 +399,10 @@ export const RecentActivityGrid = styled(Grid2)({
   maxHeight: '14.5rem',
   overflowY: 'scroll',
   scrollbarWidth: 'none',
+  msOverflowStyle: 'none',
   '&::-webkit-scrollbar': {
     display: 'none'
-  },
-  '-ms-overflow-style': 'none'
+  }
 });
 
 export const DateGrid = styled(Grid2)(({ theme }) => ({