diff --git a/src/api/users.ts b/src/api/users.ts
index dc27ceb..c0f4e8a 100644
--- a/src/api/users.ts
+++ b/src/api/users.ts
@@ -4,6 +4,8 @@ import { BACKEND_URL } from "@/constants"
 import { createDidFromEthereumAddress } from "@/utils/did"
 import { PAGE_SIZE, http } from "./common"
 
+export const EXTRA_FIELD_COUNT_MAX = 10
+
 export interface ProfileField {
   name: string;
   value: string;
diff --git a/src/views/Profile.vue b/src/views/Profile.vue
index fc147dc..5767bbb 100644
--- a/src/views/Profile.vue
+++ b/src/views/Profile.vue
@@ -143,10 +143,10 @@
           <div
             v-for="field in fields"
             class="field"
-            :class="{'verified': field.verified_at}"
+            :class="{ verified: field.verified_at }"
             :key="field.name"
           >
-            <div class="name">{{ field.name }}</div>
+            <div class="name" :title="field.name">{{ field.name }}</div>
             <div class="value" v-html="field.value"></div>
             <div class="verified-icon" v-if="field.verified_at">
               <img
@@ -259,6 +259,7 @@ import {
   Profile,
   ProfileField,
   ProfileWrapper,
+  EXTRA_FIELD_COUNT_MAX,
 } from "@/api/users"
 import Avatar from "@/components/Avatar.vue"
 import Loader from "@/components/Loader.vue"
@@ -372,7 +373,9 @@ const fields = $computed<ProfileField[]>(() => {
   if (!profile) {
     return []
   }
-  return profile.identity_proofs.concat(profile.fields)
+  return profile.identity_proofs
+    .concat(profile.fields)
+    .slice(0, EXTRA_FIELD_COUNT_MAX)
 })
 
 function isCurrentUser(): boolean {
@@ -734,6 +737,8 @@ $avatar-size: 170px;
     .name {
       font-weight: bold;
       min-width: 120px;
+      overflow-x: hidden;
+      text-overflow: ellipsis;
       width: 120px;
     }
 
diff --git a/src/views/ProfileForm.vue b/src/views/ProfileForm.vue
index 58977c3..095c6fe 100644
--- a/src/views/ProfileForm.vue
+++ b/src/views/ProfileForm.vue
@@ -42,7 +42,7 @@
         <div class="extra-fields input-group">
           <label>
             Additional info
-            <div class="sub-label">You can have up to {{ extraFieldMaxCount }} items displayed as a table on your profile</div>
+            <div class="sub-label">You can have up to {{ EXTRA_FIELD_COUNT_MAX }} items displayed as a table on your profile</div>
           </label>
           <div
             v-for="(field, index) in form.fields_attributes"
@@ -96,6 +96,7 @@ import {
   ProfileFieldAttrs,
   ProfileUpdateData,
   updateProfile,
+  EXTRA_FIELD_COUNT_MAX,
 } from "@/api/users"
 import ProfileCard from "@/components/ProfileCard.vue"
 import SidebarLayout from "@/components/SidebarLayout.vue"
@@ -107,7 +108,6 @@ import { fileToDataUrl, dataUrlToBase64 } from "@/utils/upload"
 const router = useRouter()
 const { ensureCurrentUser, setCurrentUser, ensureAuthToken } = $(useCurrentUser())
 
-const extraFieldMaxCount = 10
 const profile = ensureCurrentUser()
 let isLoading = $ref(false)
 
@@ -192,7 +192,7 @@ function removeExtraField(index: number) {
 }
 
 function canAddExtraField(): boolean {
-  return form.fields_attributes.length <= extraFieldMaxCount
+  return form.fields_attributes.length <= EXTRA_FIELD_COUNT_MAX
 }
 
 function addExtraField() {