diff --git a/src/components/UserHeader.vue b/src/components/UserHeader.vue
index 92e318f..d6edef7 100644
--- a/src/components/UserHeader.vue
+++ b/src/components/UserHeader.vue
@@ -53,10 +53,15 @@ onMounted(() => {
         <text class="level-tag level-tag-first">{{ user.lvlName }}</text>
         <text class="level-tag level-tag-second">L{{ user.lvl }}</text>
         <view class="rank-tag">
-          <view class="rank-tag-progress" :style="{ width: '40%' }" />
-          <text class="rank-tag-text"
-            >{{ user.scores }}/{{ user.nextLvlPoints }}</text
-          >
+          <view
+            class="rank-tag-progress"
+            :style="{
+              width: `${(Math.max(user.scores, 0) / nextLvlPoints) * 100}%`,
+            }"
+          />
+          <text class="rank-tag-text">
+            {{ Math.max(user.scores, 0) }}/{{ nextLvlPoints }}
+          </text>
         </view>
       </view>
     </view>