From 26764a0b92d9c81f97d9507f4ee3860b2488a83e Mon Sep 17 00:00:00 2001
From: Timothy Jaeryang Baek <tim@openwebui.com>
Date: Tue, 16 Sep 2025 22:20:50 -0500
Subject: [PATCH] refac: styling

---
 .../components/channel/Messages/Message/ProfilePreview.svelte | 2 +-
 src/lib/components/channel/Messages/Message/UserStatus.svelte | 4 ++--
 .../Markdown/MarkdownInlineTokens/MentionToken.svelte         | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/lib/components/channel/Messages/Message/ProfilePreview.svelte b/src/lib/components/channel/Messages/Message/ProfilePreview.svelte
index 91bc0423de..eb342f9d60 100644
--- a/src/lib/components/channel/Messages/Message/ProfilePreview.svelte
+++ b/src/lib/components/channel/Messages/Message/ProfilePreview.svelte
@@ -14,7 +14,7 @@
 	</LinkPreview.Trigger>
 
 	<LinkPreview.Content
-		class="max-w-full w-[240px] rounded-2xl z-9999 bg-white dark:bg-black dark:text-white shadow-lg"
+		class="max-w-full w-[260px] rounded-2xl z-9999 bg-white dark:bg-black dark:text-white shadow-lg"
 		side="left"
 		align="center"
 		sideOffset={8}
diff --git a/src/lib/components/channel/Messages/Message/UserStatus.svelte b/src/lib/components/channel/Messages/Message/UserStatus.svelte
index 39f56a1892..3a8c65d6cb 100644
--- a/src/lib/components/channel/Messages/Message/UserStatus.svelte
+++ b/src/lib/components/channel/Messages/Message/UserStatus.svelte
@@ -30,8 +30,8 @@
 		</div>
 
 		<div class=" flex flex-col w-full flex-1">
-			<div class="mb-0.5">
-				<span class="font-medium line-clamp-1"> {user.name} </span>
+			<div class="mb-0.5 font-medium line-clamp-1 pr-2">
+				{user.name}
 			</div>
 
 			<div class=" flex items-center gap-2">
diff --git a/src/lib/components/chat/Messages/Markdown/MarkdownInlineTokens/MentionToken.svelte b/src/lib/components/chat/Messages/Markdown/MarkdownInlineTokens/MentionToken.svelte
index 04760f71be..196842ce42 100644
--- a/src/lib/components/chat/Messages/Markdown/MarkdownInlineTokens/MentionToken.svelte
+++ b/src/lib/components/chat/Messages/Markdown/MarkdownInlineTokens/MentionToken.svelte
@@ -102,7 +102,7 @@
 	</LinkPreview.Trigger>
 
 	<LinkPreview.Content
-		class="max-w-full w-[240px] rounded-2xl z-9999 bg-white dark:bg-black dark:text-white shadow-lg"
+		class="max-w-full w-[260px] rounded-2xl z-9999 bg-white dark:bg-black dark:text-white shadow-lg"
 		side="top"
 		align="start"
 		sideOffset={6}