diff --git a/frontend/src/app/components/transaction/transaction.component.scss b/frontend/src/app/components/transaction/transaction.component.scss
index 6881fd14b..2208909ef 100644
--- a/frontend/src/app/components/transaction/transaction.component.scss
+++ b/frontend/src/app/components/transaction/transaction.component.scss
@@ -25,7 +25,6 @@
   align-items: baseline;
   width: 0;
   max-width: 100%;
-  overflow: hidden;
   margin-right: 0px;
   margin-bottom: 0px;
   margin-top: 8px;
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>