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;
}