diff --git a/frontend/src/pages/ranking.vue b/frontend/src/pages/ranking.vue
index 7af923f..0ca22f3 100644
--- a/frontend/src/pages/ranking.vue
+++ b/frontend/src/pages/ranking.vue
@@ -24,7 +24,7 @@
             <q-card class="q-mb-md" v-for="(user) in rankinglist" :key="user.id">
               <q-item class="q-pr-sm ">
                 <q-item-section>
-                  <q-item-label v-if="username === user.username"><a class="text-green" style="text-decoration: none"><span>{{user.rank}}. {{user.username}}</span></a></q-item-label>
+                  <q-item-label v-if="username === user.username" @click="gotoProfile"><a class="text-green" style="text-decoration: none"><span>{{user.rank}}. {{user.username}}</span></a></q-item-label>
                   <q-item-label v-if="username !== user.username"><a class="text-black" style="text-decoration: none"><span>{{user.rank}}. {{user.username}}</span></a></q-item-label>
                </q-item-section>
                 <q-item-section side>
@@ -112,6 +112,9 @@
           }).catch((error) => {
         })
       },
+      gotoProfile(){
+        this.$router.push({path: `/Profile`})
+      },
       calculateRank() {
         // TODO
         // let rank = 0;