diff --git a/public/docs/_examples/toh-6/ts/src/app/hero-search.component.css b/public/docs/_examples/toh-6/ts/src/app/hero-search.component.css
index 741b379356..9bf8d13457 100644
--- a/public/docs/_examples/toh-6/ts/src/app/hero-search.component.css
+++ b/public/docs/_examples/toh-6/ts/src/app/hero-search.component.css
@@ -4,12 +4,17 @@
   border-left: 1px solid gray;
   border-right: 1px solid gray;
   width:195px;
-  height: 20px;
+  height: 16px;
   padding: 5px;
   background-color: white;
   cursor: pointer;
 }
 
+.search-result:hover {
+  color: #eee;
+  background-color: #607D8B;
+}
+
 #search-box{
   width: 200px;
   height: 20px;