diff --git a/packages/app/src/components/workspace-slider-bar/style.ts b/packages/app/src/components/workspace-slider-bar/style.ts
index eb14746742..3f8fa216ac 100644
--- a/packages/app/src/components/workspace-slider-bar/style.ts
+++ b/packages/app/src/components/workspace-slider-bar/style.ts
@@ -59,7 +59,6 @@ export const StyledListItem = styled.button<{
     ...(disabled
       ? {
           cursor: 'not-allowed',
-          pointerEvent: 'none',
           color: theme.colors.borderColor,
         }
       : {}),
diff --git a/packages/app/src/ui/button/styles.ts b/packages/app/src/ui/button/styles.ts
index 1a7162262f..106826804b 100644
--- a/packages/app/src/ui/button/styles.ts
+++ b/packages/app/src/ui/button/styles.ts
@@ -44,7 +44,7 @@ export const StyledIconButton = styled('button', {
       color: theme.colors.iconColor,
       ...displayInlineFlex('center', 'center'),
       position: 'relative',
-      ...(disabled ? { cursor: 'not-allowed', pointerEvent: 'none' } : {}),
+      ...(disabled ? { cursor: 'not-allowed', pointerEvents: 'none' } : {}),
       transition: 'background .15s',
 
       // TODO: we need to add @emotion/babel-plugin
@@ -123,7 +123,7 @@ export const StyledTextButton = styled('button', {
       paddingRight: padding,
       ...displayInlineFlex('flex-start', 'center'),
       position: 'relative',
-      ...(disabled ? { cursor: 'not-allowed', pointerEvent: 'none' } : {}),
+      ...(disabled ? { cursor: 'not-allowed', pointerEvents: 'none' } : {}),
       transition: 'background .15s',
       // TODO: Implement circle shape
       borderRadius: shape === 'default' ? borderRadius : height / 2,
@@ -182,7 +182,7 @@ export const StyledButton = styled('button', {
       ...(disabled
         ? {
             cursor: 'not-allowed',
-            pointerEvent: 'none',
+            pointerEvents: 'none',
             color: theme.colors.borderColor,
           }
         : {}),