diff --git a/packages/react/src/views/Message/Message.js b/packages/react/src/views/Message/Message.js
index 2a56b20b76..185c772df1 100644
--- a/packages/react/src/views/Message/Message.js
+++ b/packages/react/src/views/Message/Message.js
@@ -218,6 +218,8 @@ const Message = ({
               {...(variantStyles?.name?.includes('bubble') && {
                 showDisplayName: !isMe,
               })}
+              handlePinMessage={handlePinMessage}
+              handleStarMessage={handleStarMessage}
             />
           )}
           {!message.t ? (
diff --git a/packages/react/src/views/Message/MessageHeader.js b/packages/react/src/views/Message/MessageHeader.js
index 594c435113..e40dbd6db0 100644
--- a/packages/react/src/views/Message/MessageHeader.js
+++ b/packages/react/src/views/Message/MessageHeader.js
@@ -19,6 +19,8 @@ const MessageHeader = ({
   isTimeStamped = true,
   isRoles = false,
   showDisplayName = true,
+  handlePinMessage,
+  handleStarMessage
 }) => {
   const { styleOverrides, classNames, variantOverrides } =
     useComponentOverrides('MessageHeader');
@@ -181,6 +183,7 @@ const MessageHeader = ({
                 name="star-filled"
                 size="1em"
                 color={theme.colors.primary}
+                onClick={() => handleStarMessage(message)}
               />
             </Tooltip>
           ) : null}
@@ -191,6 +194,7 @@ const MessageHeader = ({
                 name="pin"
                 size="1em"
                 color={theme.colors.primary}
+                onClick={() => handlePinMessage(message)}
               />
             </Tooltip>
           ) : null}