diff --git a/src/pages/ListView/List.vue b/src/pages/ListView/List.vue
index c1b88c2e..e329cfd5 100644
--- a/src/pages/ListView/List.vue
+++ b/src/pages/ListView/List.vue
@@ -37,11 +37,9 @@
           <ListCell
             v-for="column in columns"
             :key="column.label"
-            :class="
-              ['Float', 'Currency'].includes(column.fieldtype)
-                ? 'text-right'
-                : ''
-            "
+            :class="{
+              'text-right': ['Float', 'Currency'].includes(column.fieldtype)
+            }"
             :doc="doc"
             :column="column"
           ></ListCell>
diff --git a/src/pages/ListView/ListCell.vue b/src/pages/ListView/ListCell.vue
index b2f5b0e1..f09efb58 100644
--- a/src/pages/ListView/ListCell.vue
+++ b/src/pages/ListView/ListCell.vue
@@ -1,6 +1,6 @@
 <template>
-  <div class="py-4 flex items-center" :class="cellClass">
-    <span v-if="!customRenderer">{{ columnValue }}</span>
+  <div class="py-4 flex items-center truncate" :class="cellClass">
+    <span class="truncate" v-if="!customRenderer">{{ columnValue }}</span>
     <component v-else :is="customRenderer" />
   </div>
 </template>