update-

package.json

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

src/components/ModalPhoneNumpad/style.js

@@ -5,8 +5,8 @@ import KeyboardBackspaceIcon from '@mui/icons-material/KeyboardBackspace';
 import { boxDialerWidjetPosition } from '../../lib/boxDialerWidjetPosition';
 
 const ModalPhoneNumpadStyle = styled.div`
-	backdrop-filter: blur(4px);
-	box-shadow: inset 0 0 20px 20px #c0bbbb45;
+	background-color: #a6bdf438;
+	backdrop-filter: blur(10px);
 	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 	margin: 0;
 	padding: 0;
@@ -86,7 +86,8 @@ Input.BackSpaceIcon = styled(KeyboardBackspaceIcon)`
 
 const NumberButton = styled.div`
 	/* background-color: #607d8b8f; */
-	text-shadow: 0px 0px 3px #000;
+	/* background-color: #0000007d; */
+	backdrop-filter: blur(10px);
 	border-radius: 20px;
 	color: #fff;
 	font-weight: bold;
@@ -102,7 +103,7 @@ const NumberButton = styled.div`
 			? status === 'pending'
 				? 'orange'
 				: status === 'connected' && '#a0c13d'
-			: '#607d8b8f'};
+			: '#0000007d'};
 `;
 NumberButton.Icon = styled.div`
 	font-size: 20px;