From 4f4c1c40fcb2baf73fc0eb519ff562e75350ee76 Mon Sep 17 00:00:00 2001
From: Prajwal Kulkarni <prajwalkulkarni76@gmail.com>
Date: Mon, 28 Mar 2022 17:16:38 +0530
Subject: [PATCH 1/2] Dismiss modal on backdrop click & prevent event bubbling
 on modal.

---
 src/components/Modal.js | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

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;

From bea4b00edbefa88d69fc7ab0a2646f5da92a1b7b Mon Sep 17 00:00:00 2001
From: Prajwal Kulkarni <prajwalkulkarni76@gmail.com>
Date: Wed, 30 Mar 2022 09:12:59 +0530
Subject: [PATCH 2/2] Resolve scss errors - Modal branch.

---
 src/assets/scss/pages/home.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

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;
 }