diff --git a/app/components/account/details/account-details.html b/app/components/account/details/account-details.html
index d096d018be..718b38e098 100644
--- a/app/components/account/details/account-details.html
+++ b/app/components/account/details/account-details.html
@@ -33,8 +33,8 @@ <h2>Job status</h2>
                             </bl-no-item>
                             <bl-table class="dashboard">
                                 <bl-row *ngFor="let job of (jobData.items | async)" [link]="['/jobs/', job.id]" [key]="job.id">
-                                    <bl-cell style="width:77%" [value]="job.id"></bl-cell>
-                                    <bl-cell style="text-align:right; color:steelblue;width:21%" [value]="job.state"></bl-cell>
+                                    <bl-cell [value]="job.id"></bl-cell>
+                                    <bl-cell style="text-align:right; color:steelblue;width:75px" [value]="job.state"></bl-cell>
                                 </bl-row>
                             </bl-table>
                         </bl-loading>
@@ -62,9 +62,9 @@ <h2>Pool status</h2>
                             </bl-no-item>
                             <bl-table class="dashboard">
                                 <bl-row *ngFor="let pool of (poolData.items | async)" [link]="['/pools/', pool.id]" [key]="pool.id">
-                                    <bl-cell style="width:68%;" [value]="pool.id"></bl-cell>
-                                    <bl-cell style="width:10%;"><i aria-hidden="true" class="fa fa-{{pool.osIconName()}}"></i></bl-cell>
-                                    <bl-cell style="text-align: right; width:19%;">
+                                    <bl-cell [value]="pool.id"></bl-cell>
+                                    <bl-cell style="width: 20px"><i aria-hidden="true" class="fa fa-{{pool.osIconName()}}"></i></bl-cell>
+                                    <bl-cell style="text-align: right; width: 60px">
                                         <bl-pool-nodes-preview [pool]="pool"></bl-pool-nodes-preview>
                                     </bl-cell>
                                 </bl-row>
diff --git a/app/components/account/details/account-details.scss b/app/components/account/details/account-details.scss
index 278c9b8c14..7e2e358f90 100644
--- a/app/components/account/details/account-details.scss
+++ b/app/components/account/details/account-details.scss
@@ -27,10 +27,17 @@ bl-account-details {
             text-align: justify;
             margin-top: 8px;
             margin-right: 4px;
+            padding: 12px;
 
             .account-card-content {
                 height: 300px;
             }
         }
     }
+
+    bl-table.dashboard {
+        bl-cell {
+            padding: 0 5px;
+        }
+    }
 }
diff --git a/app/components/base/table/table.scss b/app/components/base/table/table.scss
index 0a1dd35cb5..1e8f152a8f 100644
--- a/app/components/base/table/table.scss
+++ b/app/components/base/table/table.scss
@@ -15,6 +15,7 @@ bl-table {
         border-collapse: collapse;
         overflow: hidden;
         display: table;
+        table-layout: fixed;
     }
 
     bl-thead {
@@ -114,48 +115,6 @@ bl-table {
     }
 }
 
-/*
- * Specifically for tables on the dashboard that need display: block & inline-block
- * instead of display: table.
- */
-bl-table.dashboard {
-    table {
-        display: block;
-    }
-
-    bl-thead {
-        display: block;
-    }
-
-    tbody {
-        display: block;
-
-        > tr {
-            display: block;
-            padding: 6px;
-        }
-    }
-
-    bl-cell,
-    bl-column {
-        &:first-child {
-            padding: 0;
-        }
-
-        &:last-child {
-            padding: 0;
-        }
-    }
-
-    bl-column {
-        display: inline-block;
-    }
-
-    bl-cell {
-        display: inline-block;
-    }
-}
-
 .cell-spinner {
     color: map-get($primary, 400);
 }