diff --git a/resources/cider-ui/index.js b/resources/cider-ui/index.js
index d7263fa1..8e207a23 100644
--- a/resources/cider-ui/index.js
+++ b/resources/cider-ui/index.js
@@ -553,7 +553,7 @@ const app = new Vue({
             // if the route contains does not include a / then route to the page directly
             if (route.indexOf("/") == -1) {
                 this.page = route
-                window.location.hash = `${page}/${id}`
+                window.location.hash = this.page
                 return
             }
             let hash = route.split("/")
diff --git a/resources/cider-ui/views/main.ejs b/resources/cider-ui/views/main.ejs
index 9e950199..0f1d3471 100644
--- a/resources/cider-ui/views/main.ejs
+++ b/resources/cider-ui/views/main.ejs
@@ -174,7 +174,7 @@
                     </div>
                     <button class="app-sidebar-item" v-for="item in playlists.listing" :key="item.id"
                             :href="item.href"
-                            @click='page=`playlist_` + item.id ; showingPlaylist = [];getPlaylistFromID(app.page.substring(9))'>
+                            @click='appRoute(`playlist_` + item.id); showingPlaylist = [];getPlaylistFromID(app.page.substring(9))'>
                         {{ item.attributes.name }}
                     </button>
                 </div>
@@ -456,7 +456,7 @@
 <!-- Sidebar Item -->
 <script type="text/x-template" id="sidebar-library-item">
     <button class="app-sidebar-item"
-            :class="$parent.getSidebarItemClass(page)" @click="$parent.page = page">
+            :class="$parent.getSidebarItemClass(page)" @click="app.appRoute(page)">
         {{ name }}
     </button>
 </script>