diff --git a/dist/ReactGraph.js b/dist/ReactGraph.js
index e3f2ea4b..8fa35820 100644
--- a/dist/ReactGraph.js
+++ b/dist/ReactGraph.js
@@ -32910,7 +32910,7 @@
         target = _ref.target,
         rest = _objectWithoutProperties(_ref, ["source", "target"]);
 
-    var handleClasses = classnames('react-graph__handle', {
+    var handleClasses = classnames('react-graph__handle', rest.className, {
       source: source,
       target: target
     });
diff --git a/src/NodeRenderer/HandleTypes/BaseHandle.js b/src/NodeRenderer/HandleTypes/BaseHandle.js
index 54ea89dc..6b81b391 100644
--- a/src/NodeRenderer/HandleTypes/BaseHandle.js
+++ b/src/NodeRenderer/HandleTypes/BaseHandle.js
@@ -10,6 +10,7 @@ function onDragStart(evt, nodeId) {
 export default memo(({ source, target, ...rest }) => {
   const handleClasses = cx(
     'react-graph__handle',
+    rest.className,
     { source, target }
   );