diff --git a/frontend/src/app/components/block/block-preview.component.html b/frontend/src/app/components/block/block-preview.component.html
index 4e75abdc1..2535486de 100644
--- a/frontend/src/app/components/block/block-preview.component.html
+++ b/frontend/src/app/components/block/block-preview.component.html
@@ -10,11 +10,10 @@
             <ng-template [ngIf]="blockHeight === 0"><ng-container i18n="@@2303359202781425764">Genesis</ng-container></ng-template>
             <ng-template [ngIf]="blockHeight" i18n="shared.block-title">{{ blockHeight }}</ng-template>
           </h1>
-          <h2 class="subtitle" *ngIf="blockHash">
-            {{ blockHash.slice(0,20) }}
-            <br>
-            …{{ blockHash.slice(-19) }}
-          </h2>
+          <div class="blockhash" *ngIf="blockHash">
+            <h2 class="truncate right">{{ blockHash.slice(0,32) }}</h2>
+            <h2 class="truncate left">{{ blockHash.slice(32) }}</h2>
+          </div>
         </div>
       </div>
       <table class="table table-borderless table-striped">
diff --git a/frontend/src/app/components/block/block-preview.component.scss b/frontend/src/app/components/block/block-preview.component.scss
index 21d169238..45e9f9292 100644
--- a/frontend/src/app/components/block/block-preview.component.scss
+++ b/frontend/src/app/components/block/block-preview.component.scss
@@ -18,16 +18,29 @@
   .title {
     flex-shrink: 0;
     flex-grow:  0;
-    margin-right: 8px;
-    font-size: 62px;
+    margin-right: 30px;
+    font-size: 64px;
   }
 
-  .subtitle {
+  .blockhash {
+    width: 0;
+    flex-grow: 1;
     flex-shrink: 1;
     font-family: Consolas,Liberation Mono,Courier New,monospace;
-    font-size: 31px;
-    overflow: hidden;
-    text-overflow: clip;
+    font-size: 32px;
+    text-align: right;
+
+    .truncate {
+      max-width: 100%;
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      margin: 0;
+
+      &.left {
+        direction: rtl;
+      }
+    }
   }
 }