diff --git a/src/renderer/components/top-nav/top-nav.js b/src/renderer/components/top-nav/top-nav.js
index 4279455a..4dbc9f06 100644
--- a/src/renderer/components/top-nav/top-nav.js
+++ b/src/renderer/components/top-nav/top-nav.js
@@ -277,7 +277,9 @@ export default Vue.extend({
         // Web placeholder
       }
     },
-
+    navigate: function (route) {
+      this.$router.push('/' + route)
+    },
     ...mapActions([
       'showToast',
       'getYoutubeUrlInfo',
diff --git a/src/renderer/components/top-nav/top-nav.sass b/src/renderer/components/top-nav/top-nav.sass
index 4d63b0bc..19877f86 100644
--- a/src/renderer/components/top-nav/top-nav.sass
+++ b/src/renderer/components/top-nav/top-nav.sass
@@ -85,7 +85,13 @@
     display: flex
     align-items: center
     padding: 0px 25px 0px 10px
+    cursor: pointer
 
+    &:active
+      background-color: var(--tertiary-text-color)
+      transition: background 0.2s ease-in
+      @include top-nav-is-colored
+        background-color: var(--primary-color-active)
     .logoIcon
       background-image: var(--logo-icon)
       background-repeat: no-repeat
diff --git a/src/renderer/components/top-nav/top-nav.vue b/src/renderer/components/top-nav/top-nav.vue
index efdd22f9..d4a09ee3 100644
--- a/src/renderer/components/top-nav/top-nav.vue
+++ b/src/renderer/components/top-nav/top-nav.vue
@@ -44,7 +44,15 @@
         :title="newWindowText"
         @click="createNewWindow"
       />
-      <div class="logo">
+      <div
+        class="logo"
+        role="link"
+        tabindex="0"
+        :title="$t('Subscriptions.Subscriptions')"
+        @click="navigate('subscriptions')"
+        @keydown.space.prevent="navigate('subscriptions')"
+        @keydown.enter.prevent="navigate('subscriptions')"
+      >
         <div
           class="logoIcon"
         />