diff --git a/src/frontend/components/App.vue b/src/frontend/components/App.vue
index 6811f0c..ff92964 100644
--- a/src/frontend/components/App.vue
+++ b/src/frontend/components/App.vue
@@ -147,7 +147,7 @@
                         <div v-if="config" class="bg-white border-t dark:border-zinc-900 dark:bg-zinc-950">
                             <div @click="isShowingMyIdentitySection = !isShowingMyIdentitySection" class="flex text-gray-700 p-2 cursor-pointer">
                                 <div class="my-auto mr-2">
-                                    <RouterLink @click.stop :to="{ name: 'profile' }">
+                                    <RouterLink @click.stop :to="{ name: 'profile.icon' }">
                                         <LxmfUserIcon
                                             :icon-name="config?.lxmf_user_icon_name"
                                             :icon-foreground-colour="config?.lxmf_user_icon_foreground_colour"
diff --git a/src/frontend/components/profile/ProfilePage.vue b/src/frontend/components/profile/ProfileIconPage.vue
similarity index 99%
rename from src/frontend/components/profile/ProfilePage.vue
rename to src/frontend/components/profile/ProfileIconPage.vue
index b17de3f..6d2de0c 100644
--- a/src/frontend/components/profile/ProfilePage.vue
+++ b/src/frontend/components/profile/ProfileIconPage.vue
@@ -79,7 +79,7 @@ import DialogUtils from "../../js/DialogUtils";
 import ColourPickerDropdown from "../ColourPickerDropdown.vue";
 
 export default {
-    name: 'ProfilePage',
+    name: 'ProfileIconPage',
     components: {
         ColourPickerDropdown,
         LxmfUserIcon,
diff --git a/src/frontend/main.js b/src/frontend/main.js
index a343278..3fdece6 100644
--- a/src/frontend/main.js
+++ b/src/frontend/main.js
@@ -70,9 +70,9 @@ const router = createRouter({
             component: defineAsyncComponent(() => import("./components/ping/PingPage.vue")),
         },
         {
-            name: "profile",
-            path: '/profile',
-            component: defineAsyncComponent(() => import("./components/profile/ProfilePage.vue")),
+            name: "profile.icon",
+            path: '/profile/icon',
+            component: defineAsyncComponent(() => import("./components/profile/ProfileIconPage.vue")),
         },
         {
             name: "settings",