diff --git a/src/search.tsx b/src/search.tsx
index 5084b84..5201d7c 100644
--- a/src/search.tsx
+++ b/src/search.tsx
@@ -47,7 +47,7 @@ export default function Search(props: {
 
   return (
     <Dialog open={props.show} onOpenChange={props.setShow}>
-      <DialogContent className="sm:max-w-[425px]">
+      <DialogContent className="sm:max-w-[80%]">
         <DialogHeader>
           <DialogTitle>Search</DialogTitle>
           <DialogDescription>Search messages by content.</DialogDescription>