diff --git a/src/ui/components/MiniDialog.tsx b/src/ui/components/MiniDialog.tsx
index a6881f5..36b9e4d 100644
--- a/src/ui/components/MiniDialog.tsx
+++ b/src/ui/components/MiniDialog.tsx
@@ -15,6 +15,14 @@ export default class MiniDialog extends React.Component<IProps, never> {
     super(props)
   }
 
+  componentDidMount() {
+    document.addEventListener('mousedown', this.props.closeFn)
+  }
+
+  componentWillUnmount() {
+    document.removeEventListener('mousedown', this.props.closeFn)
+  }
+
   render() {
     return (
       <div className="MiniDialog">