diff --git a/packages/nc-gui/components/account/Token.vue b/packages/nc-gui/components/account/Token.vue
index 8dcf4f99c4..72fff9fe80 100644
--- a/packages/nc-gui/components/account/Token.vue
+++ b/packages/nc-gui/components/account/Token.vue
@@ -79,7 +79,7 @@ const loadAllTokens = async (limit = pagination.total) => {
   }
 }
 
-// This will updated allTokens local value instead of fetching all tokens on each operation (add|delete)
+// This will update allTokens local value instead of fetching all tokens on each operation (add|delete)
 const updateAllTokens = (type: 'delete' | 'add', token: IApiTokenInfo) => {
   switch (type) {
     case 'add': {
diff --git a/packages/nc-gui/components/cell/MultiSelect.vue b/packages/nc-gui/components/cell/MultiSelect.vue
index b531a07bb6..8e0cb75169 100644
--- a/packages/nc-gui/components/cell/MultiSelect.vue
+++ b/packages/nc-gui/components/cell/MultiSelect.vue
@@ -412,7 +412,9 @@ const selectedOpts = computed(() => {
             }"
             :class="{ 'text-sm': isKanban }"
           >
-            {{ op.title }}
+            <GeneralTruncateText placement="top" :length="20">
+              {{ op.title }}
+            </GeneralTruncateText>
           </span>
         </a-tag>
       </a-select-option>
diff --git a/packages/nc-gui/components/cell/SingleSelect.vue b/packages/nc-gui/components/cell/SingleSelect.vue
index 1b4ec5907c..2a9160405e 100644
--- a/packages/nc-gui/components/cell/SingleSelect.vue
+++ b/packages/nc-gui/components/cell/SingleSelect.vue
@@ -315,7 +315,9 @@ const selectedOpt = computed(() => {
             }"
             :class="{ 'text-sm': isKanban }"
           >
-            {{ op.title }}
+            <GeneralTruncateText placement="top" :length="20">
+              {{ op.title }}
+            </GeneralTruncateText>
           </span>
         </a-tag>
       </a-select-option>