diff --git a/src/components/ActionIcon/ActionIcon.jsx b/src/components/ActionIcon/ActionIcon.jsx
index 8042277..dbe3a39 100644
--- a/src/components/ActionIcon/ActionIcon.jsx
+++ b/src/components/ActionIcon/ActionIcon.jsx
@@ -28,6 +28,13 @@ export default function ActionIcon(props) {
     },
     props
   );
+  const handleClick = (e) => {
+    if (mergedProps.disabled) {
+      return;
+    }
+    mergedProps.onClick(e);
+  };
+
   return (
     <button
       class={cx(
@@ -38,7 +45,7 @@ export default function ActionIcon(props) {
         ...mergedProps.additionalClasses
       )}
       disabled={mergedProps.disabled}
-      onClick={mergedProps.onClick}
+      onClick={handleClick}
     >
       {mergedProps.children}
     </button>