diff --git a/native/chat/inline-engagement.react.js b/native/chat/inline-engagement.react.js --- a/native/chat/inline-engagement.react.js +++ b/native/chat/inline-engagement.react.js @@ -28,7 +28,7 @@ import { useStyles } from '../themes/colors.js'; import type { ChatMessageInfoItemWithHeight } from '../types/chat-types.js'; -const editedLabelHeight = 24; +const editedLabelHeight = 16; type Props = { +threadInfo: ?ThreadInfo, @@ -243,7 +243,8 @@ color: 'messageLabel', paddingHorizontal: 3, fontSize: 13, - top: 10, + top: 8, + height: editedLabelHeight, }, messageLabelLeft: { marginLeft: 9, diff --git a/native/chat/utils.js b/native/chat/utils.js --- a/native/chat/utils.js +++ b/native/chat/utils.js @@ -80,7 +80,10 @@ inlineEngagementStyle.marginTop + inlineEngagementStyle.marginBottom; } else if (label) { - height += editedLabelHeight; + height += + editedLabelHeight + + inlineEngagementStyle.marginTop + + inlineEngagementStyle.marginBottom; } return height; }