From f87cf765b334eceb9c7278a4dfb8e52c9dc7cc05 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Mon, 28 Nov 2022 09:41:19 -0600
Subject: [PATCH] Admin Reports: fix overflow issues

---
 .../features/admin/components/report-status.tsx      | 12 +++++++-----
 app/soapbox/features/admin/components/report.tsx     |  2 +-
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/app/soapbox/features/admin/components/report-status.tsx b/app/soapbox/features/admin/components/report-status.tsx
index d990d8e81..3caacd1a8 100644
--- a/app/soapbox/features/admin/components/report-status.tsx
+++ b/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>
   );
 };
diff --git a/app/soapbox/features/admin/components/report.tsx b/app/soapbox/features/admin/components/report.tsx
index 4669e4d34..3bf550419 100644
--- a/app/soapbox/features/admin/components/report.tsx
+++ b/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'