update-

package.json

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

src/components/InnerCaller/style.js

@@ -15,8 +15,7 @@ const positionInnerCaller = (pos) => {
 const Block = styled.div`
 	background-color: #a6bdf438;
 	backdrop-filter: blur(10px);
-
-	/* box-shadow: -2px 0px 9px 3px #0000004f; */
+	box-shadow: 0px 0px 20px #00000047;
 	/* border: 3px solid green; */
 
 	z-index: 998;
@@ -61,12 +60,12 @@ const Block = styled.div`
 		cursor: pointer;
 	}
 	.light_blue {
-		background-color: #d2f95f;
+		background-color: #d2f95fc2;
 		border: 0;
 		color: #333;
 	}
 	.red {
-		background-color: #ff0505;
+		background-color: #ff0505c2;
 		border: 0;
 		color: #fff;
 	}

src/components/ModalPhoneNumpad/style.js

@@ -5,6 +5,7 @@ import KeyboardBackspaceIcon from '@mui/icons-material/KeyboardBackspace';
 import { boxDialerWidjetPosition } from '../../lib/boxDialerWidjetPosition';
 
 const ModalPhoneNumpadStyle = styled.div`
+	box-shadow: 0px 0px 20px #00000047;
 	background-color: #a6bdf438;
 	backdrop-filter: blur(10px);
 	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;