From 946545f86921b88ecf26f5a2f8f95aae8b06836b Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Sun, 27 Nov 2022 13:33:41 -0600
Subject: [PATCH] Admin Report: fix report flowing off screen on mobile

---
 app/soapbox/features/admin/components/report.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/soapbox/features/admin/components/report.tsx b/app/soapbox/features/admin/components/report.tsx
index 09e111dc8..4669e4d34 100644
--- a/app/soapbox/features/admin/components/report.tsx
+++ b/app/soapbox/features/admin/components/report.tsx
@@ -91,7 +91,7 @@ const Report: React.FC<IReport> = ({ id }) => {
       </HoverRefWrapper>
 
       <Stack space={3} grow>
-        <Text tag='h4' weight='bold' truncate>
+        <Text tag='h4' weight='bold'>
           <FormattedMessage
             id='admin.reports.report_title'
             defaultMessage='Report on {acct}'
@@ -145,7 +145,7 @@ const Report: React.FC<IReport> = ({ id }) => {
         </Stack>
       </Stack>
 
-      <HStack space={2} alignItems='start'>
+      <HStack space={2} alignItems='start' className='flex-none'>
         <Button onClick={handleCloseReport}>
           <FormattedMessage id='admin.reports.actions.close' defaultMessage='Close' />
         </Button>