Admin Reports: fix overflow issues

app/soapbox/features/admin/components/report-status.tsx

@@ -47,15 +47,17 @@ const ReportStatus: React.FC<IReportStatus> = ({ status }) => {
 
   return (
     <HStack space={2} alignItems='start'>
-      <Stack space={2} grow>
+      <Stack space={2} className='overflow-hidden' grow>
         <StatusContent status={status} />
         <StatusMedia status={status} />
       </Stack>
 
-      <DropdownMenu
-        items={menu}
-        src={require('@tabler/icons/dots-vertical.svg')}
-      />
+      <div className='flex-none'>
+        <DropdownMenu
+          items={menu}
+          src={require('@tabler/icons/dots-vertical.svg')}
+        />
+      </div>
     </HStack>
   );
 };

app/soapbox/features/admin/components/report.tsx

@@ -90,7 +90,7 @@ const Report: React.FC<IReport> = ({ id }) => {
         </Link>
       </HoverRefWrapper>
 
-      <Stack space={3} grow>
+      <Stack space={3} className='overflow-hidden' grow>
         <Text tag='h4' weight='bold'>
           <FormattedMessage
             id='admin.reports.report_title'