diff --git a/src/assets/scss/pages/home.scss b/src/assets/scss/pages/home.scss
index 2e7a7e11..87afa4c2 100644
--- a/src/assets/scss/pages/home.scss
+++ b/src/assets/scss/pages/home.scss
@@ -26,9 +26,9 @@ $subheader-font-size: 18px;
 }
 
 .options-bar {
-  justify-content: center;
   background-color: $eos-white;
   border-radius: 10px;
+  justify-content: center;
   padding: 8px;
 }
 
diff --git a/src/components/Modal.js b/src/components/Modal.js
index 48ea1df6..658f978b 100644
--- a/src/components/Modal.js
+++ b/src/components/Modal.js
@@ -38,8 +38,11 @@ const Modal = (props) => {
       )}
       {active ? (
         <>
-          <div className='modal'>
-            <div className='modal-card-vote'>
+          <div className='modal' onClick={props.handleClose}>
+            <div
+              className='modal-card-vote'
+              onClick={(e) => e.stopPropagation()}
+            >
               <div className='modal-content'>
                 <span className='close-icon' onClick={props.handleClose}>
                   &times;