diff --git a/frontend/src/app/shared/components/truncate/truncate.component.html b/frontend/src/app/shared/components/truncate/truncate.component.html
index c6dc17511..728f2e82a 100644
--- a/frontend/src/app/shared/components/truncate/truncate.component.html
+++ b/frontend/src/app/shared/components/truncate/truncate.component.html
@@ -1,12 +1,9 @@
 <span class="truncate" [style.max-width]="maxWidth ? maxWidth + 'px' : null">
-  <ng-container *ngIf="!rtl">
-    <span class="first">{{text.slice(0,-lastChars)}}</span>
-    <span class="last-four">{{text.slice(-lastChars)}}</span>
+    <ng-container *ngIf="!rtl">
+      <span class="first">{{text.slice(0,-lastChars)}}</span><span class="last-four">{{text.slice(-lastChars)}}</span>
+    </ng-container>
+    <ng-container *ngIf="rtl">
+      <span class="first">{{text.slice(lastChars)}}</span><span class="last-four">{{text.slice(0,lastChars)}}</span>
+    </ng-container>
     <ng-content></ng-content>
-  </ng-container>
-  <ng-container *ngIf="rtl">
-    <span class="first">{{text.slice(lastChars)}}</span>
-    <span class="last-four">{{text.slice(0,lastChars)}}</span>
-    <ng-content></ng-content>
-  </ng-container>
 </span>