diff --git a/web/src/ArticleSearchResult.js b/web/src/ArticleSearchResult.js
index d23d88e..15a521e 100644
--- a/web/src/ArticleSearchResult.js
+++ b/web/src/ArticleSearchResult.js
@@ -129,7 +129,10 @@ export class ArticleSearchResult extends React.Component
                 <RatingStars rating={this.props.data.article_rating} title="Rate this article."
                     onChange = { this.onRatingChange.bind( this ) }
                 />
-                <span className="title name" dangerouslySetInnerHTML={{ __html: display_title }} />
+                <Link className="title name" title="Show this article."
+                    to = { gAppRef.makeAppUrl( "/article/" + this.props.data.article_id ) }
+                    dangerouslySetInnerHTML = {{ __html: display_title }}
+                />
                 { article_url &&
                     <a href={article_url} className="open-link" target="_blank" rel="noopener noreferrer">
                         <img src="/images/open-link.png" alt="Open article." title="Open this article." />
diff --git a/web/src/SearchResults.css b/web/src/SearchResults.css
index defb00b..9e549ad 100644
--- a/web/src/SearchResults.css
+++ b/web/src/SearchResults.css
@@ -20,6 +20,7 @@
 .search-result.publication .header { border: 1px solid #c0c0c0 ; background: #e5cea0 ; }
 .search-result.publication .header a.name { color: inherit ; text-decoration: none ; }
 .search-result.article .header { border: 1px solid #c0c0c0 ; background: #d3edfc ; }
+.search-result.article .header a.name { color: inherit ; text-decoration: none ; }
 .search-result.article .header .subtitle { font-size: 80% ; font-style: italic ; color: #333 ; }
 
 .search-result.publication .header .publisher , .search-result.article .header .publication {