diff --git a/cypress/integration/common/report.js b/cypress/integration/common/report.js
index 12f1b326f..e3d3f3975 100644
--- a/cypress/integration/common/report.js
+++ b/cypress/integration/common/report.js
@@ -71,7 +71,7 @@ When('I click on the author', () => {
 })
 
 When('I report the author', () => {
-  cy.get('.page-name-profile-slug').then(() => {
+  cy.get('.page-name-profile-id-slug').then(() => {
     invokeReportOnElement('.ds-card').then(() => {
       cy.get('button')
         .contains('Send')
diff --git a/webapp/components/User.vue b/webapp/components/User.vue
index 1c78b34cc..dd176a67d 100644
--- a/webapp/components/User.vue
+++ b/webapp/components/User.vue
@@ -153,9 +153,9 @@ export default {
       return count
     },
     userLink() {
-      const { slug } = this.user
-      if (!slug) return ''
-      return { name: 'profile-slug', params: { slug } }
+      const { id, slug } = this.user
+      if (!(id && slug)) return ''
+      return { name: 'profile-id-slug', params: { slug, id } }
     }
   }
 }
diff --git a/webapp/layouts/default.vue b/webapp/layouts/default.vue
index bdb41f8b2..f749fda69 100644
--- a/webapp/layouts/default.vue
+++ b/webapp/layouts/default.vue
@@ -39,7 +39,7 @@
                 >
                   <a
                     class="avatar-menu-trigger"
-                    :href="$router.resolve({name: 'profile-slug', params: {slug: user.slug}}).href"
+                    :href="$router.resolve({name: 'profile-id-slug', params: {id: user.id, slug: user.slug}}).href"
                     @click.prevent="toggleMenu"
                   >
                     <ds-avatar
diff --git a/webapp/pages/moderation/index.vue b/webapp/pages/moderation/index.vue
index cd41dc17c..5d9ab1eb0 100644
--- a/webapp/pages/moderation/index.vue
+++ b/webapp/pages/moderation/index.vue
@@ -36,7 +36,7 @@
           </ds-text>
         </div>
         <div v-else>
-          <nuxt-link :to="{ name: 'profile-slug', params: { slug: scope.row.user.slug } }">
+          <nuxt-link :to="{ name: 'profile-id-slug', params: { id: scope.row.user.id, slug: scope.row.user.slug } }">
             <b>{{ scope.row.user.name | truncate(50) }}</b>
           </nuxt-link>
         </div>
@@ -69,7 +69,7 @@
         slot="submitter"
         slot-scope="scope"
       >
-        <nuxt-link :to="{ name: 'profile-slug', params: { slug: scope.row.submitter.slug } }">
+        <nuxt-link :to="{ name: 'profile-id-slug', params: { id: scope.row.submitter.id, slug: scope.row.submitter.slug } }">
           {{ scope.row.submitter.name }}
         </nuxt-link>
       </template>
@@ -79,19 +79,19 @@
       >
         <nuxt-link
           v-if="scope.row.type === 'Post' && scope.row.post.disabledBy"
-          :to="{ name: 'profile-slug', params: { slug: scope.row.post.disabledBy.slug } }"
+          :to="{ name: 'profile-id-slug', params: { id: scope.row.post.disabledBy.id, slug: scope.row.post.disabledBy.slug } }"
         >
           <b>{{ scope.row.post.disabledBy.name | truncate(50) }}</b>
         </nuxt-link>
         <nuxt-link
           v-else-if="scope.row.type === 'Comment' && scope.row.comment.disabledBy"
-          :to="{ name: 'profile-slug', params: { slug: scope.row.comment.disabledBy.slug } }"
+          :to="{ name: 'profile-id-slug', params: { id: scope.row.comment.disabledBy.id, slug: scope.row.comment.disabledBy.slug } }"
         >
           <b>{{ scope.row.comment.disabledBy.name | truncate(50) }}</b>
         </nuxt-link>
         <nuxt-link
           v-else-if="scope.row.type === 'User' && scope.row.user.disabledBy"
-          :to="{ name: 'profile-slug', params: { slug: scope.row.user.disabledBy.slug } }"
+          :to="{ name: 'profile-id-slug', params: { id: scope.row.user.disabledBy.id, slug: scope.row.user.disabledBy.slug } }"
         >
           <b>{{ scope.row.user.disabledBy.name | truncate(50) }}</b>
         </nuxt-link>
diff --git a/webapp/pages/profile/_id/_slug.vue b/webapp/pages/profile/_id/_slug.vue
index 76011f456..a3b10529e 100644
--- a/webapp/pages/profile/_id/_slug.vue
+++ b/webapp/pages/profile/_id/_slug.vue
@@ -423,7 +423,7 @@ export default {
   border: #fff 5px solid;
 }
 
-.page-name-profile-slug {
+.page-name-profile-id-slug {
   .ds-flex-item:first-child .content-menu {
     position: absolute;
     top: $space-x-small;