diff --git a/app/src/assets/main.less b/app/src/assets/main.less
index 89601d3..7f2551c 100644
--- a/app/src/assets/main.less
+++ b/app/src/assets/main.less
@@ -115,6 +115,11 @@ strong {
   }
 }
 
+
+.announcement-dialog {
+  max-width: min(90vw, 720px) !important;
+}
+
 .fixed-dialog {
   border-radius: var(--radius) !important;
   max-height: calc(100vh - 2rem) !important;
diff --git a/app/src/components/app/Announcement.tsx b/app/src/components/app/Announcement.tsx
index 23bcd57..48e52a6 100644
--- a/app/src/components/app/Announcement.tsx
+++ b/app/src/components/app/Announcement.tsx
@@ -27,7 +27,7 @@ function Announcement() {
       open={announcement !== ""}
       onOpenChange={() => setAnnouncement("")}
     >
-      <AlertDialogContent className={`flex-dialog`}>
+      <AlertDialogContent className={`announcement-dialog flex-dialog`}>
         <AlertDialogHeader>
           <AlertDialogTitle
             className={"flex flex-row items-center select-none"}