diff --git a/frontend/src/app/components/transactions-list/transactions-list.component.scss b/frontend/src/app/components/transactions-list/transactions-list.component.scss
index 1e1eb5c7c..b093a88fd 100644
--- a/frontend/src/app/components/transactions-list/transactions-list.component.scss
+++ b/frontend/src/app/components/transactions-list/transactions-list.component.scss
@@ -151,5 +151,5 @@ h2 {
 .tx-link {
 	width: 0;
 	flex-grow: 1;
-	margin-right: 2em;
+	margin-inline-end: 2em;
 }
\ No newline at end of file
diff --git a/frontend/src/app/shared/components/truncate/truncate.component.html b/frontend/src/app/shared/components/truncate/truncate.component.html
index 3171364e3..c6dc17511 100644
--- a/frontend/src/app/shared/components/truncate/truncate.component.html
+++ b/frontend/src/app/shared/components/truncate/truncate.component.html
@@ -1,5 +1,12 @@
-<span class="truncate" [class.rtl]="rtl" [style.max-width]="maxWidth ? maxWidth + 'px' : null">
-  <span class="first">{{text.slice(0,-lastChars)}}</span>
-  <span class="last-four">{{text.slice(-lastChars)}}</span>
-  <ng-content></ng-content>
+<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-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>
diff --git a/frontend/src/app/shared/components/truncate/truncate.component.scss b/frontend/src/app/shared/components/truncate/truncate.component.scss
index c353082ec..357f40762 100644
--- a/frontend/src/app/shared/components/truncate/truncate.component.scss
+++ b/frontend/src/app/shared/components/truncate/truncate.component.scss
@@ -4,10 +4,6 @@
   flex-direction: row;
   align-items: baseline;
 
-  &.rtl {
-    flex-direction: row-reverse;
-  }
-
   .first {
     flex-grow: 0;
     flex-shrink: 1;