diff --git a/stylesheets/_modules.scss b/stylesheets/_modules.scss index a20f10e7a5..9692511a7c 100644 --- a/stylesheets/_modules.scss +++ b/stylesheets/_modules.scss @@ -378,7 +378,11 @@ @include dark-theme { border: none; } - padding-bottom: 0px; + + /* Leave some padding to eat the negative margin-bottom from + * .module-message__metadata + */ + padding-bottom: 3px; } .module-message__container--outgoing { diff --git a/ts/components/conversation/Message.stories.tsx b/ts/components/conversation/Message.stories.tsx index 0d02671d2a..4b39cbffd9 100644 --- a/ts/components/conversation/Message.stories.tsx +++ b/ts/components/conversation/Message.stories.tsx @@ -101,6 +101,9 @@ const createProps = (overrideProps: Partial = {}): Props => ({ i18n, id: text('id', overrideProps.id || ''), interactionMode: overrideProps.interactionMode || 'keyboard', + isSticker: isBoolean(overrideProps.isSticker) + ? overrideProps.isSticker + : false, isBlocked: isBoolean(overrideProps.isBlocked) ? overrideProps.isBlocked : false,