Account: don't grow more than needed

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

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
-                <AccountContainer
+                key={String(status.getIn(['account', 'id']))}
-                  key={String(status.getIn(['account', 'id']))}
+                id={String(status.getIn(['account', 'id']))}
-                  id={String(status.getIn(['account', 'id']))}
+                timestamp={status.created_at}
-                  timestamp={status.created_at}
+                timestampUrl={statusUrl}
-                  timestampUrl={statusUrl}
+                action={reblogElement}
-                  action={reblogElement}
+                hideActions={!reblogElement}
-                  hideActions={!reblogElement}
+                showEdit={!!status.edited_at}
-                  showEdit={!!status.edited_at}
+                showProfileHoverCard={this.props.hoverable}
-                  showProfileHoverCard={this.props.hoverable}
+              />
-                />
-              </HStack>
             </div>
 
             <div className='status__content-wrapper'>