diff --git a/packages/frontend/src/router.ts b/packages/frontend/src/router.ts
index d06b6019b3101eca6253694cc0945943e76974e8..b148325c7194eafd8debea9f6fd2ffac25544ffe 100644
--- a/packages/frontend/src/router.ts
+++ b/packages/frontend/src/router.ts
@@ -307,6 +307,10 @@ export const routes = [{
 }, {
 	path: '/channels',
 	component: page(() => import('./pages/channels.vue')),
+}, {
+	path: '/avatar-decorations',
+	name: 'avatarDecorations',
+	component: page(() => import('./pages/avatar-decorations.vue')),
 }, {
 	path: '/custom-emojis-manager',
 	component: page(() => import('./pages/custom-emojis-manager.vue')),
diff --git a/packages/frontend/src/ui/_common_/common.ts b/packages/frontend/src/ui/_common_/common.ts
index 7a3f64356101c071f1359fedb87ff41c649db995..d153f776dd7a6896b1c5dc710bf551abe9a595bf 100644
--- a/packages/frontend/src/ui/_common_/common.ts
+++ b/packages/frontend/src/ui/_common_/common.ts
@@ -34,7 +34,7 @@ function toolsMenuItems(): MenuItem[] {
 		icon: 'ph-smiley ph-bold ph-lg',
 	} : undefined, ($i && ($i.isAdmin || $i.policies.canManageAvatarDecorations)) ? {
 		type: 'link',
-		to: '/admin/avatar-decorations',
+		to: '/avatar-decorations',
 		text: i18n.ts.manageAvatarDecorations,
 		icon: 'ph-sparkle ph-bold ph-lg',
 	} : undefined];