update-

package.json

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

src/components/CallHistoryInputDropdown/index.jsx

@@ -36,7 +36,11 @@ const CallHistoryInputDropdown = ({
 		}
 	}, [numberSelectHistory]);
 
-	useEffect(() => {}, [document.getElementById('numbersDiv')]);
+	useEffect(() => {
+		document
+			.getElementById('numbersDiv')
+			.scrollTo(document.getElementById('numbersDiv').scrollWidth, 0);
+	}, [inputValue]);
 
 	return (
 		<Block>
@@ -45,11 +49,9 @@ const CallHistoryInputDropdown = ({
 					setDefaultHistoryNumberHistory();
 					setModal(!modal);
 				}}
-				id='numbersDiv'
 				className='nocopy'
-				type='text'
-				value={inputValue}>
-				{inputValue}
+				type='text'>
+				<p id='numbersDiv'>{inputValue}</p>
 			</Input>
 			{Boolean(call_history.length) && (
 				<>

src/components/CallHistoryInputDropdown/style.js

@@ -8,44 +8,23 @@ const Block = styled.div`
 `;
 
 const Input = styled.div`
-	overflow-x: scroll;
-	overflow-y: hidden;
-	border: 1px solid red;
 	position: absolute;
 	top: 0;
 	left: 0;
 	margin: 0;
 	box-sizing: border-box;
-	width: 165px;
+	width: 200px;
 	height: 100%;
 	max-height: 45px;
 	border-radius: 3px;
 	background-color: #fff;
 	/* border: 0; */
-	padding: 0 0 0 10px;
+	padding: 0 30px 0 10px;
 	font-size: 22px;
 	color: #000;
 	display: flex;
 	align-items: center;
-	::-webkit-scrollbar {
-		height: 5px;
-	}
-
-	/* Track */
-	::-webkit-scrollbar-track {
-		background: #fff0;
-	}
 
-	/* Handle */
-	::-webkit-scrollbar-thumb {
-		background: #abaaaa;
-		border-radius: 10px;
-	}
-
-	/* Handle on hover */
-	::-webkit-scrollbar-thumb:hover {
-		background: #555;
-	}
 	:focus {
 		border-color: inherit;
 		-webkit-box-shadow: none;
@@ -70,6 +49,29 @@ const Input = styled.div`
 	&[type='number'] {
 		-moz-appearance: textfield;
 	}
+	> p {
+		overflow-x: scroll;
+		overflow-y: hidden;
+		::-webkit-scrollbar {
+			height: 5px;
+		}
+
+		/* Track */
+		::-webkit-scrollbar-track {
+			background: #fff0;
+		}
+
+		/* Handle */
+		::-webkit-scrollbar-thumb {
+			background: #abaaaa;
+			border-radius: 10px;
+		}
+
+		/* Handle on hover */
+		::-webkit-scrollbar-thumb:hover {
+			background: #555;
+		}
+	}
 `;
 
 const ModalDropDown = styled.div`