diff --git a/src/renderer/App.js b/src/renderer/App.js
index 375ac41b..33af3ec8 100644
--- a/src/renderer/App.js
+++ b/src/renderer/App.js
@@ -99,7 +99,12 @@ export default Vue.extend({
     }
   },
   watch: {
-    windowTitle: 'setWindowTitle'
+    windowTitle: 'setWindowTitle',
+    $route () {
+      // react to route changes...
+      // Hide top nav filter panel on page change
+      this.$refs.topNav.hideFilters()
+    }
   },
   created () {
     this.setWindowTitle()
diff --git a/src/renderer/components/top-nav/top-nav.js b/src/renderer/components/top-nav/top-nav.js
index 4dbc9f06..36175a51 100644
--- a/src/renderer/components/top-nav/top-nav.js
+++ b/src/renderer/components/top-nav/top-nav.js
@@ -280,6 +280,9 @@ export default Vue.extend({
     navigate: function (route) {
       this.$router.push('/' + route)
     },
+    hideFilters: function () {
+      this.showFilters = false
+    },
     ...mapActions([
       'showToast',
       'getYoutubeUrlInfo',