update-

package.json

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

src/components/ModalPhoneNumpad/index.jsx

@@ -285,16 +285,16 @@ const ModalPhoneNumpad = ({
 							</NumberButton.CallButton>
 							<NumberButton.CallButtonModal visiblevalue={exNum}>
 								<NumberButton.CallButtonModalInset>
-									{extnums?.map((item, index) => (
+									{extnums?.map(({ number, title }, index) => (
 										<p
 											key={index}
 											className='num_item'
 											onClick={() => {
-												boxDialer.extnum = item;
+												boxDialer.extnum = number;
 												setExNum(false);
 												callButton();
 											}}>
-											{item}
+											{title}({number})
 										</p>
 									))}
 								</NumberButton.CallButtonModalInset>

src/components/ModalPhoneNumpad/style.js

@@ -222,17 +222,17 @@ NumberButton.CallButtonModal = styled.div`
 NumberButton.CallButtonModalInset = styled.div`
 	width: 100%;
 	height: 100%;
-	overflow-y: scroll;
 	display: flex;
 	flex-direction: column;
 	justify-content: center;
 	align-items: center;
 	.num_item {
+		text-wrap: nowrap;
 		color: #000;
 		transition: 0.2s;
 		/* padding: 7px 4px; */
 		padding: 5px 10px;
-		font-size: 20px;
+		font-size: 14px;
 		margin: 2px 0;
 		border-radius: 10px;
 		:hover {

src/lib/controlRenderBX.jsx

@@ -18,7 +18,16 @@ const ControlRenderBX = () => {
 				reason: 'free',
 				variant: 'bxmini',
 				position: 'bottomRight',
-				extnums: ['994412860', '770412860'],
+				extnums: [
+					{
+						title: 'text-1',
+						number: '994412860',
+					},
+					{
+						title: 'test-2',
+						number: '770412860'
+					},
+				],
 			});
 		}
 	}, []);