diff --git a/css/cos-site-search.css b/css/cos-site-search.css
index 0032469..2b19289 100644
--- a/css/cos-site-search.css
+++ b/css/cos-site-search.css
@@ -8,7 +8,7 @@ Forked from the version by Stefen Phelps - https://stefenphelps.com/
     height: 100%;
     top: 0;
     left: 0;
-    background: rgba(0, 0, 0, 0.7);
+    background: rgba(0, 0, 0, 0.85);
     opacity: 0;
     visibility: hidden;
     transition: opacity 0.5s, visibility 0s 0.5s;
@@ -67,7 +67,7 @@ Forked from the version by Stefen Phelps - https://stefenphelps.com/
 
 .search-results-wrapper .search {
     width: 100%;
-    padding: 0.5em;
+    padding: 0.5em 0;
     background: none;
     border: 0 none;
     border-bottom: 2px solid #fff !important;
@@ -98,6 +98,19 @@ Forked from the version by Stefen Phelps - https://stefenphelps.com/
     line-height: 1;
 }
 
+.search-results li:hover {
+    background: #fcfcfc;
+}
+
+.search-results li a {
+    display: inline-block;
+    width: 100%;
+}
+
+.search-results li span.cos-url {
+    color: #777;
+}
+
 .search-results li#no-items-found {
     text-align: center;
     padding: 5rem 0;
diff --git a/js/cos-site-search.js b/js/cos-site-search.js
index 5323f48..9b8bb70 100644
--- a/js/cos-site-search.js
+++ b/js/cos-site-search.js
@@ -28,7 +28,7 @@ $('a[href$="#cos-search"]').on('click', function(e){
             var url = $(this).find('loc').text(),
                 urlPath = /[^/]*$/.exec(url)[0],
                 name = urlPath.replace(/[-_]+/g, ' ').replace(/([\.,;])/g, '$1 ').toProperCase(),
-    			html = '<li><a class="cos-name" href="' + url + '">' + name + '</a><span class="cos-url">' + url + '</span></li>';
+    			html = '<li><a class="cos-name" href="' + url + '">' + name + '<span class="cos-url">' + url + '</span></a></li>';
             // output to DOM
             $('#hubspot-cos-site-search ul').append(html);
         });