diff --git a/.storybook/preview-head.html b/.storybook/preview-head.html index 159d8178282..fa1e1c6e12d 100644 --- a/.storybook/preview-head.html +++ b/.storybook/preview-head.html @@ -56,4 +56,5 @@ window.ConversationController.isSignalConversation = () => false; window.ConversationController.onConvoMessageMount = noop; window.getPreferredSystemLocales = () => ['en']; + window.getResolvedMessagesLocaleDirection = () => 'ltr'; diff --git a/stylesheets/components/ConversationHeader.scss b/stylesheets/components/ConversationHeader.scss index 864bd8417a1..468991223f5 100644 --- a/stylesheets/components/ConversationHeader.scss +++ b/stylesheets/components/ConversationHeader.scss @@ -298,11 +298,12 @@ outline: none; overflow: hidden; padding-block: 5px; - padding-inline: 18px; + padding-inline: 10px; text-overflow: ellipsis; white-space: nowrap; user-select: none; width: auto; + height: 28px; &:before { $icon-size: 16px; @@ -314,7 +315,7 @@ content: ''; display: block; height: $icon-size; - margin-inline-end: 5px; + margin-inline-end: 4px; min-width: $icon-size; width: $icon-size; }