prevent table overflow in unfurl previews

frontend/src/app/components/address/address-preview.component.html

@@ -3,7 +3,7 @@
     <span i18n="shared.address">Address</span>
   </app-preview-title>
   <div class="row">
-    <div class="col-md">
+    <div class="col-md table-col">
       <div class="row d-flex justify-content-between">
         <div class="title-wrapper">
           <h1 class="title"><app-truncate [text]="addressString"></app-truncate></h1>

frontend/src/app/components/address/address-preview.component.scss

@@ -20,6 +20,11 @@
   margin-right: 15px;
 }
 
+.table-col {
+  max-width: calc(100% - 470px);
+  overflow: hidden;
+}
+
 .table {
   font-size: 32px;
   margin-top: 48px;

frontend/src/app/components/block/block-preview.component.html

@@ -3,7 +3,7 @@
     <span i18n="shared.block-title">Block</span>
   </app-preview-title>
   <div class="row">
-    <div class="col-sm">
+    <div class="col-sm table-col">
       <div class="row">
         <div class="block-titles">
           <h1 class="title">

frontend/src/app/components/block/block-preview.component.scss

@@ -44,6 +44,11 @@
   }
 }
 
+.table-col {
+  max-width: calc(100% - 470px);
+  overflow: hidden;
+}
+
 .chart-container {
   flex-grow: 0;
   flex-shrink: 0;