diff --git a/frontend/app/element/button.less b/frontend/app/element/button.less
index 8d74b84b9..96d2da031 100644
--- a/frontend/app/element/button.less
+++ b/frontend/app/element/button.less
@@ -144,9 +144,10 @@
         }
     }
 
-    &.disabled {
+    &:disabled {
         cursor: default;
         opacity: 0.5;
+        pointer-events: none;
     }
 
     &:focus,
diff --git a/frontend/app/element/button.tsx b/frontend/app/element/button.tsx
index 75403e34b..964671c47 100644
--- a/frontend/app/element/button.tsx
+++ b/frontend/app/element/button.tsx
@@ -35,9 +35,7 @@ const Button = memo(
                 <button
                     ref={btnRef}
                     tabIndex={disabled ? -1 : 0}
-                    className={clsx("button", finalClassName, {
-                        disabled,
-                    })}
+                    className={clsx("button", finalClassName)}
                     disabled={disabled}
                     {...props}
                 >