diff --git a/css/styles.css b/css/styles.css
index f06b126..f8ff56a 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -115,6 +115,7 @@ header {
 
 .hero-typeahead .typeahead-result {
   padding: 15px;
+  cursor: pointer;
 }
 
 .hero-typeahead .typeahead-result.selected {
diff --git a/index.html b/index.html
index f88ce20..bade7e1 100644
--- a/index.html
+++ b/index.html
@@ -1,13 +1,13 @@
 <html ng-app="tlDocsApp">
   <head>
     <title>TL-Schema Explorer</title>
-    <link rel="stylesheet" href="/css/styles.css">
+    <link rel="stylesheet" href="/css/styles.css?v2">
     <link rel="stylesheet" href="/css/fonts.css">
     <link rel="stylesheet" href="/css/rgs.css">
     <script src="/js/schema.js"></script>
     <script src="/js/angular.min.js"></script>
     <script src="/js/ngroute.min.js"></script>
-    <script src="/js/app.js"></script>
+    <script src="/js/app.js?v2"></script>
     
     <meta property="og:title" content="TL-Schema Explorer">
     <meta property="og:site_name" content="TL-Schema Explorer">
diff --git a/js/app.js b/js/app.js
index c3a8319..1d4c9be 100644
--- a/js/app.js
+++ b/js/app.js
@@ -185,6 +185,10 @@ tlDocsApp.controller("mainController", function($scope, $rootScope, $location, s
     $location.path(`/${result.type}/${result.name}`)
   }
 
+  $scope.clickResult = function(result) {
+    $location.path(`/${result.type}/${result.name}`)
+  }
+
   if($rootScope.globalSearch) {
     $scope.search = $rootScope.globalSearch
     document.getElementById("heroSearchBar").focus()
diff --git a/views/index.html b/views/index.html
index 93be508..556db99 100644
--- a/views/index.html
+++ b/views/index.html
@@ -6,7 +6,7 @@
   <div class="hero-input">
     <input type="text" id="heroSearchBar" class="hero-search" placeholder="{{ searchPlaceholder }}" ng-model="search" ng-focus="displayTypeahead = true" ng-blur="displayTypeahead = false" ng-change="updateSearchResults()" my-enter="goToResult()" my-arrow-down="selectedResult = (selectedResult === 100 ? selectedResult : selectedResult + 1)" my-arrow-up="selectedResult = (selectedResult === 0 ? selectedResult : selectedResult - 1)">
     <div class="hero-typeahead">
-      <div class="typeahead-result {{ result.type }} {{ selectedResult === index ? 'selected' : '' }}" ng-repeat="(index, result) in typeaheadResults | limitTo:50 track by $index">
+      <div class="typeahead-result {{ result.type }} {{ selectedResult === index ? 'selected' : '' }}" ng-repeat="(index, result) in typeaheadResults | limitTo:50 track by $index" ng-click="clickResult(result)">
         {{ result.name }}
       </div>
     </div>
