diff --git a/front/src/ui/components/Sidebar.vue b/front/src/ui/components/Sidebar.vue
index 6a21e78e3..3ca0726cf 100644
--- a/front/src/ui/components/Sidebar.vue
+++ b/front/src/ui/components/Sidebar.vue
@@ -271,7 +271,7 @@ const moderationNotifications = computed(() =>
         </Link>
 
         <Link
-          to="/channels"
+          to="/library/channels"
           ghost
           full
           align-text="start"
@@ -452,7 +452,8 @@ const moderationNotifications = computed(() =>
       line-height: 1.2;
     }
     .menu-links {
-      padding: 0 16px 32px;
+      // Bottom padding is mainly offsetting player-bar
+      padding: 0 16px 72px;
       flex-grow: 1;
     }
   }
diff --git a/front/src/ui/routes/index.ts b/front/src/ui/routes/index.ts
index 20ee1eef2..d5ca54e5a 100644
--- a/front/src/ui/routes/index.ts
+++ b/front/src/ui/routes/index.ts
@@ -124,12 +124,6 @@ export default [
           }
         ]
       },
-      {
-        path: 'channels',
-        name: 'channels',
-        component: () => import('~/views/channels/List.vue'),
-        props: route => ({ defaultQuery: route.query.q })
-      },
       {
         path: 'subscriptions',
         name: 'subscriptions',
diff --git a/front/src/ui/routes/library.ts b/front/src/ui/routes/library.ts
index 15e8ec04c..770c1a2d5 100644
--- a/front/src/ui/routes/library.ts
+++ b/front/src/ui/routes/library.ts
@@ -58,6 +58,14 @@ export default [
           paginateBy: 30
         }
       },
+      {
+        path: 'channels/',
+        name: 'library.channels.browse',
+        component: () => import('~/views/channels/List.vue'),
+        meta: {
+          paginateBy: 30
+        }
+      },
       {
         path: 'radios/',
         name: 'library.radios.browse',