diff --git a/src/common/ColorInput/ColorInput.js b/src/common/ColorInput/ColorInput.js
index 030c6481a..eefcc2c18 100644
--- a/src/common/ColorInput/ColorInput.js
+++ b/src/common/ColorInput/ColorInput.js
@@ -17,10 +17,14 @@ const ColorInput = ({ className, value, onChange, ...props }) => {
     const [modalOpen, openModal, closeModal] = useBinaryState(false);
     const [tempValue, setTempValue] = React.useState(value);
     const pickerLabelOnClick = React.useCallback((event) => {
+        if (typeof props.onClick === 'function') {
+            props.onClick(event);
+        }
+
         if (!event.nativeEvent.openModalPrevented) {
             openModal();
         }
-    }, []);
+    }, [props.onClick]);
     const modalContainerOnClick = React.useCallback((event) => {
         event.nativeEvent.openModalPrevented = true;
     }, []);
@@ -52,7 +56,7 @@ const ColorInput = ({ className, value, onChange, ...props }) => {
         setTempValue(value);
     }, [value, modalOpen]);
     return (
-        <Button style={{ backgroundColor: value }} className={className} title={value} onClick={pickerLabelOnClick}>
+        <Button title={value} {...props} style={{ ...props.style, backgroundColor: value }} className={className} onClick={pickerLabelOnClick}>
             {
                 modalOpen ?
                     <Modal className={styles['color-input-modal-container']} onMouseDown={modalContainerOnMouseDown} onClick={modalContainerOnClick}>
diff --git a/src/common/MetaItem/MetaItem.js b/src/common/MetaItem/MetaItem.js
index f092facf9..0fb60dc09 100644
--- a/src/common/MetaItem/MetaItem.js
+++ b/src/common/MetaItem/MetaItem.js
@@ -22,6 +22,10 @@ const MetaItem = React.memo(({ className, type, name, poster, posterShape, playI
     const dataset = useDataset(props);
     const [menuOpen, onMenuOpen, onMenuClose] = useBinaryState(false);
     const metaItemOnClick = React.useCallback((event) => {
+        if (typeof props.onClick === 'function') {
+            props.onClick(event);
+        }
+
         if (!event.nativeEvent.selectMetaItemPrevented && typeof onSelect === 'function') {
             onSelect({
                 type: 'select',
@@ -30,7 +34,7 @@ const MetaItem = React.memo(({ className, type, name, poster, posterShape, playI
                 nativeEvent: event.nativeEvent
             });
         }
-    }, [onSelect, dataset]);
+    }, [props.onClick, onSelect, dataset]);
     const multiselectOnClick = React.useCallback((event) => {
         event.nativeEvent.selectMetaItemPrevented = true;
     }, []);
@@ -45,7 +49,7 @@ const MetaItem = React.memo(({ className, type, name, poster, posterShape, playI
         }
     }, [menuOptionOnSelect, dataset]);
     return (
-        <Button {...props} className={classnames(className, styles['meta-item-container'], styles['poster-shape-poster'], styles[`poster-shape-${posterShape}`], { 'active': menuOpen })} title={name} onClick={metaItemOnClick}>
+        <Button title={name} {...props} className={classnames(className, styles['meta-item-container'], styles['poster-shape-poster'], styles[`poster-shape-${posterShape}`], { 'active': menuOpen })} onClick={metaItemOnClick}>
             <div className={styles['poster-container']}>
                 <div className={styles['poster-image-layer']}>
                     <Image
diff --git a/src/common/Multiselect/Multiselect.js b/src/common/Multiselect/Multiselect.js
index f61b69305..e5146c1a0 100644
--- a/src/common/Multiselect/Multiselect.js
+++ b/src/common/Multiselect/Multiselect.js
@@ -31,6 +31,7 @@ const Multiselect = ({ className, direction, title, renderLabelContent, options,
         if (typeof onSelect === 'function') {
             onSelect({
                 type: 'select',
+                value: event.currentTarget.dataset.value,
                 reactEvent: event,
                 nativeEvent: event.nativeEvent,
                 dataset: dataset