diff --git a/app/javascript/vue/shared/string_with_ellipsis.vue b/app/javascript/vue/shared/string_with_ellipsis.vue
index 801979ce3..cecc59de9 100644
--- a/app/javascript/vue/shared/string_with_ellipsis.vue
+++ b/app/javascript/vue/shared/string_with_ellipsis.vue
@@ -6,10 +6,10 @@
     </div>
   </template>
   <template v-else>
-    <div class="truncate">
+    <div class="truncate whitespace-pre">
       {{ text.slice(0, endCharacters * -1) }}
     </div>
-    <div class="shrink-0">
+    <div class="shrink-0 whitespace-pre">
       {{ text.slice(text.length - endCharacters) }}
     </div>
   </template>