diff --git a/frontend/src/components/AnnouncementsDisplay.tsx b/frontend/src/components/AnnouncementsDisplay.tsx
index d1a0ec8c..3d4d81c0 100644
--- a/frontend/src/components/AnnouncementsDisplay.tsx
+++ b/frontend/src/components/AnnouncementsDisplay.tsx
@@ -200,11 +200,11 @@ function AnnouncementModal({
           }
         `}
       </style>
-      <Focusable style={{ display: 'flex', flexDirection: 'column', gap: '0.5rem', height: '80vh' }}>
-        <h1>{announcement.title}</h1>
+      <Focusable style={{ display: 'flex', flexDirection: 'column', gap: '0.5rem', height: 'calc(100vh - 200px)' }}>
+        <span style={{ fontWeight: 'bold', fontSize: '1.25rem' }}>{announcement.title}</span>
         <ScrollPanelGroup
           // @ts-ignore
-          focusable={true}
+          focusable={false}
           style={{ flex: 1, height: '100%' }}
           // onCancelButton doesn't work here
           onCancelActionDescription="Back"