diff --git a/src/components/Popup.js b/src/components/Popup.js
index bd5c01b..fbdfbab 100644
--- a/src/components/Popup.js
+++ b/src/components/Popup.js
@@ -22,9 +22,13 @@ class Popup extends Component {
     
     render() {
         return (
-            <div className={`${this.state.visible ? "visible" : ""}` + " popup"}>
-                {this.props.children}
-            </div>
+            <>
+                <div className={`${this.state.visible ? "" : "hidden"}` + " popupClose"} onClick={this.hide} />
+                
+                <div className={`${this.state.visible ? "visible" : ""}` + " popup " + this.props.className}>
+                    {this.props.children}
+                </div>
+            </>
         );
     }
 }