From 01b32238868e2b52aec78d99a1dd47f71c2b1938 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Mon, 4 Jul 2022 15:13:19 -0500
Subject: [PATCH] Account: don't grow more than needed

---
 app/soapbox/components/account.tsx |  2 +-
 app/soapbox/components/status.tsx  | 22 ++++++++++------------
 2 files changed, 11 insertions(+), 13 deletions(-)

diff --git a/app/soapbox/components/account.tsx b/app/soapbox/components/account.tsx
index d6d076889..2d53e6da8 100644
--- a/app/soapbox/components/account.tsx
+++ b/app/soapbox/components/account.tsx
@@ -159,7 +159,7 @@ const Account = ({
   return (
     <div data-testid='account' className='flex-shrink-0 group block w-full' ref={overflowRef}>
       <HStack alignItems={actionAlignment} justifyContent='between'>
-        <HStack alignItems='center' space={3} grow>
+        <HStack alignItems='center' space={3}>
           <ProfilePopper
             condition={showProfileHoverCard}
             wrapper={(children) => <HoverRefWrapper className='relative' accountId={account.id} inline>{children}</HoverRefWrapper>}
diff --git a/app/soapbox/components/status.tsx b/app/soapbox/components/status.tsx
index 3d964b3dc..200b2de10 100644
--- a/app/soapbox/components/status.tsx
+++ b/app/soapbox/components/status.tsx
@@ -474,18 +474,16 @@ class Status extends ImmutablePureComponent<IStatus, IStatusState> {
             {reblogElementMobile}
 
             <div className='mb-4'>
-              <HStack justifyContent='between' alignItems='start'>
-                <AccountContainer
-                  key={String(status.getIn(['account', 'id']))}
-                  id={String(status.getIn(['account', 'id']))}
-                  timestamp={status.created_at}
-                  timestampUrl={statusUrl}
-                  action={reblogElement}
-                  hideActions={!reblogElement}
-                  showEdit={!!status.edited_at}
-                  showProfileHoverCard={this.props.hoverable}
-                />
-              </HStack>
+              <AccountContainer
+                key={String(status.getIn(['account', 'id']))}
+                id={String(status.getIn(['account', 'id']))}
+                timestamp={status.created_at}
+                timestampUrl={statusUrl}
+                action={reblogElement}
+                hideActions={!reblogElement}
+                showEdit={!!status.edited_at}
+                showProfileHoverCard={this.props.hoverable}
+              />
             </div>
 
             <div className='status__content-wrapper'>