From 5d1921b2ccf34ee7f2d083a823c77b9667708f29 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?marcin=20miko=C5=82ajczak?= <git@mkljczk.pl>
Date: Mon, 28 Nov 2022 00:28:15 +0100
Subject: [PATCH] styles fix
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
---
 app/soapbox/components/event-preview.tsx               | 4 ++--
 app/soapbox/features/event/components/event-header.tsx | 6 ++++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/app/soapbox/components/event-preview.tsx b/app/soapbox/components/event-preview.tsx
index 2ee688e05..68cc135af 100644
--- a/app/soapbox/components/event-preview.tsx
+++ b/app/soapbox/components/event-preview.tsx
@@ -68,10 +68,10 @@ const EventPreview: React.FC<IEventPreview> = ({ status, className, hideAction,
         <div className='flex gap-y-1 gap-x-2 flex-wrap text-gray-700 dark:text-gray-600'>
           <HStack alignItems='center' space={2}>
             <Icon src={require('@tabler/icons/user.svg')} />
-            <span>
+            <HStack space={1} alignItems='center' grow>
               <span dangerouslySetInnerHTML={{ __html: account.display_name_html }} />
               {account.verified && <VerificationBadge />}
-            </span>
+            </HStack>
           </HStack>
 
           <EventDate status={status} />
diff --git a/app/soapbox/features/event/components/event-header.tsx b/app/soapbox/features/event/components/event-header.tsx
index 6f59a49ea..ebf895a83 100644
--- a/app/soapbox/features/event/components/event-header.tsx
+++ b/app/soapbox/features/event/components/event-header.tsx
@@ -405,8 +405,10 @@ const EventHeader: React.FC<IEventHeader> = ({ status }) => {
                 values={{
                   name: (
                     <Link className='mention' to={`/@${account.acct}`}>
-                      <span dangerouslySetInnerHTML={{ __html: account.display_name_html }} />
-                      {account.verified && <VerificationBadge />}
+                      <HStack space={1} alignItems='center' grow>
+                        <span dangerouslySetInnerHTML={{ __html: account.display_name_html }} />
+                        {account.verified && <VerificationBadge />}
+                      </HStack>
                     </Link>
                   ),
                 }}