diff --git a/web/modals/search-modal.react.js b/web/modals/search-modal.react.js
--- a/web/modals/search-modal.react.js
+++ b/web/modals/search-modal.react.js
@@ -3,7 +3,7 @@
 import * as React from 'react';
 
 import Search from '../components/search.react';
-import Modal from './modal.react';
+import Modal, { type ModalSize } from './modal.react';
 import css from './search-modal.css';
 
 type Props = {
@@ -11,18 +11,19 @@
   +searchPlaceholder: string,
   +onClose: () => void,
   +children: (searchText: string) => React.Node,
+  +size?: ModalSize,
 };
 
 function SearchModal(props: Props): React.Node {
   const [searchText, setSearchText] = React.useState('');
-  const { name, searchPlaceholder, onClose, children } = props;
+  const { name, searchPlaceholder, onClose, children, size } = props;
   const child = React.useMemo(() => children(searchText), [
     children,
     searchText,
   ]);
 
   return (
-    <Modal name={name} onClose={onClose}>
+    <Modal name={name} onClose={onClose} size={size}>
       <div className={css.container}>
         <Search
           onChangeText={setSearchText}