diff --git a/app/assets/javascripts/discourse/components/category-logo-link.js.es6 b/app/assets/javascripts/discourse/components/category-logo-link.js.es6
new file mode 100644
index 000000000..d5980b0ec
--- /dev/null
+++ b/app/assets/javascripts/discourse/components/category-logo-link.js.es6
@@ -0,0 +1,13 @@
+export default Em.Component.extend({
+  tagName: 'a',
+  attributeBindings: ['href'],
+  href: function() {
+    return Discourse.getURL('/c/') + Discourse.Category.slugFor(this.get('category'))
+  }.property(),
+
+  render(buffer) {
+    const category = this.get('category');
+    const categoryLogo = category.get('logo_url');
+    buffer.push(`<img class="category-logo" src='${categoryLogo}'/>`);
+  }
+});
\ No newline at end of file
diff --git a/app/assets/javascripts/discourse/templates/discovery/categories.hbs b/app/assets/javascripts/discourse/templates/discovery/categories.hbs
index 54545b2d0..dcd5c6acf 100644
--- a/app/assets/javascripts/discourse/templates/discovery/categories.hbs
+++ b/app/assets/javascripts/discourse/templates/discovery/categories.hbs
@@ -16,7 +16,7 @@
                 {{category-title-link category=c}}
                 {{category-unread category=c}}
                 {{#if c.logo_url}}
-                  <img class="category-logo" src={{c.logo_url}}>
+                  {{category-logo-link category=c}}
                 {{/if}}
 
                 <div class="category-description">