update-

package.json

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

src/components/CallHistoryInputDropdown/index.jsx

@@ -36,17 +36,15 @@ const CallHistoryInputDropdown = ({
 			{Boolean(call_history.length) && (
 				<>
 					<ModalDropDown visiblevalue={modal}>
-						<ModalDropDown.Inset id='data'>
+						<ModalDropDown.Inset
+							id='data'
+							hoverBool={call_history.length - numberSelectHistory === index}>
 							{call_history.reverse().map((value, index) => (
 								<p
-									style={{ border: '1px solid red' }}
 									className='item'
 									key={index}
 									onClick={() => selectFuncInset(value)}>
-									{value}:{' '}
-									{call_history.length - numberSelectHistory === index
-										? 'true'
-										: 'false'}
+									{value}
 								</p>
 							))}
 						</ModalDropDown.Inset>

src/components/CallHistoryInputDropdown/style.js

@@ -88,6 +88,7 @@ ModalDropDown.Inset = styled.div`
 		:hover {
 			background-color: #00000014;
 		}
+		background-color: ${({ hoverBool }) => (hoverBool ? '#00000014' : '')};
 	}
 	::-webkit-scrollbar {
 		width: 5px;