Merge branch 'follow-requests-styles' into 'develop'

Fix: Long handles don't get truncated in Follow Requests menu

Closes #1389

See merge request soapbox-pub/soapbox!2340

app/soapbox/features/follow-requests/components/account-authorize.tsx

@@ -35,11 +35,11 @@ const AccountAuthorize: React.FC<IAccountAuthorize> = ({ id }) => {
   if (!account) return null;
 
   return (
-    <HStack space={1} alignItems='center' justifyContent='between' className='p-2.5'>
-      <div className='w-full'>
-        <Account account={account} withRelationship={false} />
-      </div>
-      <HStack space={2}>
+    <div className='p-2.5'>
+      <Account
+        account={account}
+        action={
+          <HStack className='ml-1' space={2}>
             <Button
               theme='secondary'
               size='sm'
@@ -55,7 +55,9 @@ const AccountAuthorize: React.FC<IAccountAuthorize> = ({ id }) => {
               onClick={onReject}
             />
           </HStack>
-    </HStack>
+        }
+      />
+    </div>
   );
 };