diff --git a/app/assets/stylesheets/tile.css b/app/assets/stylesheets/tile.css
index 687faafc..279d3e78 100644
--- a/app/assets/stylesheets/tile.css
+++ b/app/assets/stylesheets/tile.css
@@ -19,13 +19,15 @@
 
 .tile {
     width: 100%;
-    max-width: 200px;
+    max-width: 12em;
     padding: 16px;
     display: inline;
     cursor:pointer;
 }
 
-
+a {
+    color: inherit;
+}
 
 .tile-img {
     display: block;
diff --git a/app/views/application/_tile_template.html.erb b/app/views/application/_tile_template.html.erb
index f14bade8..72a0d91b 100644
--- a/app/views/application/_tile_template.html.erb
+++ b/app/views/application/_tile_template.html.erb
@@ -1,4 +1,6 @@
-<div onclick="location.href='<%= destination_path%>';" class="tile">
+
+<div class="tile">
+  <a href="<%= destination_path%>">
   <div class="tile-content">
     <div class="tile-img-wrapper">
       <img class="tile-img" src="<%= image_url %>"/>
@@ -6,6 +8,7 @@
     <span class="tile-title"> <%= title %></span>
     <span class="tile-description"> <%= description %></span>
   </div>
+  </a>
 </div>