update-

package.json

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

src/components/CallHistoryInputDropdown/index.jsx

@@ -8,13 +8,14 @@ const CallHistoryInputDropdown = ({
 	call_history,
 	selectFunc,
 	numberSelectHistory,
+	setDefaultHistoryNumberHistory,
 }) => {
 	const [modal, setModal] = useState(false);
 
 	useEffect(() => {
 		if (call_history.length) {
 			var elem = document.getElementById('data');
-			elem.scrollTop = elem.scrollHeight;
+			elem.scrollTop = elem.scrollHeight - numberSelectHistory * 34;
 		}
 	}, [call_history]);
 	const selectFuncInset = (e) => {
@@ -22,12 +23,18 @@ const CallHistoryInputDropdown = ({
 		setModal(false);
 	};
 
-	useEffect(() => {}, [inputValue]);
+	useEffect(() => {
+		var elem = document.getElementById('data');
+		elem.scrollTop = elem.scrollHeight - numberSelectHistory * 34;
+	}, [inputValue]);
 
 	return (
 		<Block>
 			<Input
-				onClick={() => setModal(!modal)}
+				onClick={() => {
+					setDefaultHistoryNumberHistory();
+					setModal(!modal);
+				}}
 				className='nocopy'
 				type='text'
 				value={inputValue}>

src/components/CallHistoryInputDropdown/style.js

@@ -102,7 +102,7 @@ ModalDropDown.Inset = styled.div`
 ModalDropDown.Item = styled.p`
 	font-size: 18px;
 	transition: 0.2s;
-	padding: 5px 2px;
+	padding: 5px 12px;
 	margin: 3px 0;
 	border-radius: 10px;
 	:hover {

src/components/ModalPhoneNumpad/index.jsx

@@ -197,6 +197,9 @@ const ModalPhoneNumpad = ({
 	const selectFunc = (e) => {
 		setInputValue(e);
 	};
+	const setDefaultHistoryNumberHistory = () => {
+		setNumberSelectHistory('zero');
+	};
 
 	console.log('numberSelectHistory: ', numberSelectHistory);
 
@@ -212,6 +215,7 @@ const ModalPhoneNumpad = ({
 					inputValue={inputValue}
 					selectFunc={selectFunc}
 					numberSelectHistory={numberSelectHistory}
+					setDefaultHistoryNumberHistory={setDefaultHistoryNumberHistory}
 				/>
 				{inputValue.length ? (
 					<Input.BackSpaceIcon