From 3f22edb977357b105b5652adf80c9c8dee28f3ac Mon Sep 17 00:00:00 2001
From: Akshit Arora <akshitarora9211@gmail.com>
Date: Thu, 7 Oct 2021 08:44:47 +0530
Subject: [PATCH] Bug fix: passed darkmode prop to Modal (#912)

---
 frontend/src/Editor/Components/Modal.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/Editor/Components/Modal.jsx b/frontend/src/Editor/Components/Modal.jsx
index 0ae7833ab1..bca2245599 100644
--- a/frontend/src/Editor/Components/Modal.jsx
+++ b/frontend/src/Editor/Components/Modal.jsx
@@ -6,7 +6,7 @@ import { SubContainer } from '../SubContainer';
 import { ConfigHandle } from '../ConfigHandle';
 import { resolveWidgetFieldValue } from '../../_helpers/utils';
 
-export const Modal = function Modal({ id, component, height, containerProps, currentState }) {
+export const Modal = function Modal({ id, component, height, containerProps, currentState, darkMode }) {
   const [show, showModal] = useState(false);
   const parentRef = useRef(null);
 
@@ -52,7 +52,7 @@ export const Modal = function Modal({ id, component, height, containerProps, cur
         <BootstrapModal.Header>
           <BootstrapModal.Title>{title}</BootstrapModal.Title>
           <div>
-            <Button variant="light" size="sm" onClick={hideModal}>
+            <Button variant={darkMode ? 'secondary' : 'light'} size="sm" onClick={hideModal}>
               x
             </Button>
           </div>