diff --git a/src/components/Apps/AppViewerContainer.tsx b/src/components/Apps/AppViewerContainer.tsx
index aa60a6c..daa3a7e 100644
--- a/src/components/Apps/AppViewerContainer.tsx
+++ b/src/components/Apps/AppViewerContainer.tsx
@@ -19,7 +19,7 @@ const AppViewerContainer = React.forwardRef(
                 padding: 0;
               }
               * {
-                -msOverflowStyle: none;  /* IE and Edge */
+                msOverflowStyle: 'none', /* IE and Edge */
                 scrollbar-width: none;  /* Firefox */
               }
               *::-webkit-scrollbar {
diff --git a/src/components/Apps/AppsCategoryDesktop.tsx b/src/components/Apps/AppsCategoryDesktop.tsx
index fbad9a7..754630e 100644
--- a/src/components/Apps/AppsCategoryDesktop.tsx
+++ b/src/components/Apps/AppsCategoryDesktop.tsx
@@ -68,7 +68,7 @@ const ScrollerStyled = styled('div')({
   scrollbarWidth: 'none',
 
   // Hide scrollbar for IE and older Edge
-  '-msOverflowStyle': 'none',
+  msOverflowStyle: 'none',
 });
 
 const StyledVirtuosoContainer = styled('div')({
@@ -87,7 +87,7 @@ const StyledVirtuosoContainer = styled('div')({
   scrollbarWidth: 'none',
 
   // Hide scrollbar for IE and older Edge
-  '-msOverflowStyle': 'none',
+  msOverflowStyle: 'none',
 });
 
 export const AppsCategoryDesktop = ({
diff --git a/src/components/Apps/AppsLibraryDesktop.tsx b/src/components/Apps/AppsLibraryDesktop.tsx
index 62c3bec..73ac307 100644
--- a/src/components/Apps/AppsLibraryDesktop.tsx
+++ b/src/components/Apps/AppsLibraryDesktop.tsx
@@ -76,7 +76,7 @@ const ScrollerStyled = styled('div')({
   scrollbarWidth: 'none',
 
   // Hide scrollbar for IE and older Edge
-  '-msOverflowStyle': 'none',
+  msOverflowStyle: 'none',
 });
 
 const StyledVirtuosoContainer = styled('div')({
@@ -95,7 +95,7 @@ const StyledVirtuosoContainer = styled('div')({
   scrollbarWidth: 'none',
 
   // Hide scrollbar for IE and older Edge
-  '-msOverflowStyle': 'none',
+  msOverflowStyle: 'none',
 });
 
 export const AppsLibraryDesktop = ({