update version:

src/components/BxMiniWidjetUi/style.js

@@ -10,6 +10,7 @@ const BxMiniWidjetUiStyle = styled.div`
 		padding: 0;
 		box-sizing: border-box;
 	}
+	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 	background-color: ${({ status = '' }) =>
 		status === 'pending'
 			? 'orange'

src/components/DropDown/style.js

@@ -9,6 +9,7 @@ const DropDownStyle = styled.div`
 	align-items: center;
 	justify-content: center;
 	position: relative;
+	
 `;
 DropDownStyle.Text = styled.div`
 	font-size: 22px;
@@ -43,7 +44,6 @@ DropDownStyle.DropDown = styled.div`
 			background-color: #e9e9e9;
 		}
 	}
-	${({ visiblevalue }) => console.log(visiblevalue, 'visiblevalue')}
 	${({ visiblevalue }) =>
 		visiblevalue == 1
 			? {

src/components/Modal/style.js

@@ -6,6 +6,12 @@ const MainBlock = styled.div`
 	z-index: 999;
 	display: ${({ hidden }) => (hidden ? 'flex' : 'none')};
 	transition: 0.3s;
+	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+	*{
+		margin: 0;
+		padding: 0;
+		box-sizing: border-box;
+	}
 	${({ rollUp }) =>
 		rollUp
 			? {

src/components/ModalPhoneNumpad/style.js

@@ -5,6 +5,12 @@ import KeyboardBackspaceIcon from '@mui/icons-material/KeyboardBackspace';
 import { boxDialerWidjetPosition } from '../../lib/boxDialerWidjetPosition';
 
 const ModalPhoneNumpadStyle = styled.div`
+	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+	*{
+		margin: 0;
+		padding: 0;
+		box-sizing: border-box;
+	}
 	width: 230px;
 	position: fixed;
 	bottom: 120px;

src/index.css

@@ -6,3 +6,4 @@
     -ms-user-select: none;
     user-select: none;
 }
+