update

package.json

 {
 	"name": "boxdialer",
-	"version": "4.8.76",
+	"version": "4.8.77",
 	"description": "",
 	"main": "src/boxDialer.js",
 	"scripts": {

src/components/Modal/index.jsx

@@ -168,6 +168,10 @@ const Modal = ({children, hidden, hangupButton, phoneNumber, callType}) => {
                 <VerticalAlignTopIcon/>
             </button>
         </div>
+
+        <div style={{background: 'rgba(123,32,32,0.62)', position: 'fixed', top: '0', left: '0', width: '100%', height: '100vh'}}>
+
+        </div>
     </MainBlock>);
 };
 

src/root/index.jsx

@@ -160,9 +160,9 @@ const Root = ({wsphonedata, onSetDnd, setWsphonedata, callMethod}) => {
 
         <Modal
             className='tailwindGlobalCss'
-            hidden={modalState.bool}
+            // hidden={modalState.bool}
             callType={modalState.callType}
-            // hidden={true}
+            hidden={true}
             // callType={'incoming'}
             hangupButton={hangupButton}
             phoneNumber={modalState.callType === 'outcoming' ? 'inputValue' : modalState.callFromName}