diff --git a/web/calendar/calendar.css b/web/calendar/calendar.css
--- a/web/calendar/calendar.css
+++ b/web/calendar/calendar.css
@@ -26,6 +26,7 @@
 div.content {
   height: 100%;
   overflow: auto;
+  flex: 1;
 }
 
 nav.nav {
diff --git a/web/calendar/filter-panel.react.js b/web/calendar/filter-panel.react.js
--- a/web/calendar/filter-panel.react.js
+++ b/web/calendar/filter-panel.react.js
@@ -143,6 +143,7 @@
               placeholder="Search"
               value={this.state.query}
               onChange={this.onChangeQuery}
+              size="10"
             />
             {clearQueryButton}
           </div>