diff --git a/src/app/search/search.component.css b/src/app/search/search.component.css
index b5ee381..c2093e1 100644
--- a/src/app/search/search.component.css
+++ b/src/app/search/search.component.css
@@ -48,6 +48,8 @@
   
   .autocomplete-items div {
     padding: 10px;
+    font-weight: normal;
+    font-size: 11pt;
     cursor: pointer;
     background-color: #fff; 
     border-bottom: 1px solid #d4d4d4; 
diff --git a/src/app/search/search.component.html b/src/app/search/search.component.html
index e483cf5..8a3264a 100644
--- a/src/app/search/search.component.html
+++ b/src/app/search/search.component.html
@@ -1,6 +1,6 @@
 <div class="searchField">
 	<div class="autocomplete">
-	  	<input #inputFrom (keyup)="getValue(inputFrom.value, inputTo.value)" type="text" name="inputFrom" id="inputFrom" placeholder="From">
+	  	<input #inputFrom (change)="getValue(inputFrom.value, inputTo.value)" type="text" name="inputFrom" id="inputFrom" placeholder="From">
 		  <div #inputautocompleteList class="autocomplete-items autocomplete-items-from">
 			<div *ngFor="let item of itemsFrom" >
 				{{ item.display_name }}
@@ -9,7 +9,7 @@
 		</div>
 	</div>
 	<div class="autocomplete">
-		<input #inputTo (keyup)="getValue(inputFrom.value, inputTo.value)" type="text" name="inputTo" id="inputTo" placeholder="To">
+		<input #inputTo (change)="getValue(inputFrom.value, inputTo.value)" type="text" name="inputTo" id="inputTo" placeholder="To">
 		<div #inputautocompleteList class="autocomplete-items autocomplete-items-to">
 			<div *ngFor="let item of itemsTo" >
 				{{ item.display_name }}