From a61b06eba75a269ada92b8038c82cf56b1eed904 Mon Sep 17 00:00:00 2001
From: Norton Andreev <norton@nortonandreev.com>
Date: Tue, 22 Oct 2024 15:48:18 +0200
Subject: [PATCH] explorer: Provisioners Page Updates

Resolves #2730
---
 .../ProvisionersCard.spec.js.snap             | 436 ++++++---
 .../ProvisionersList.spec.js.snap             |  14 +-
 .../ProvisionersTable.spec.js.snap            | 436 ++++++---
 .../provisioners-list/ProvisionersList.svelte |  24 +-
 .../provisioners-table/ProvisionersTable.css  |   5 +-
 .../ProvisionersTable.svelte                  |  16 +-
 .../__tests__/__snapshots__/page.spec.js.snap | 852 ++++++++++++------
 7 files changed, 1187 insertions(+), 596 deletions(-)

diff --git a/explorer/src/lib/components/__tests__/__snapshots__/ProvisionersCard.spec.js.snap b/explorer/src/lib/components/__tests__/__snapshots__/ProvisionersCard.spec.js.snap
index b01fd0572..a52993631 100644
--- a/explorer/src/lib/components/__tests__/__snapshots__/ProvisionersCard.spec.js.snap
+++ b/explorer/src/lib/components/__tests__/__snapshots__/ProvisionersCard.spec.js.snap
@@ -52,14 +52,7 @@ exports[`Provisioners Card > should disable the \`Show More\` button if there is
             <th
               class="table__header-cell"
             >
-              Staked Amount (DUSK)
-            </th>
-            
-             
-            <th
-              class="table__header-cell"
-            >
-              Reclaimable Staked Amount (DUSK)
+              Stake Amount (DUSK)
             </th>
             
              
@@ -70,13 +63,6 @@ exports[`Provisioners Card > should disable the \`Show More\` button if there is
             </th>
             
              
-            <th
-              class="table__header-cell"
-            >
-              Hard Slashes
-            </th>
-            
-             
             <th
               class="table__header-cell"
             >
@@ -103,13 +89,22 @@ exports[`Provisioners Card > should disable the \`Show More\` button if there is
             <td
               class="table__data-cell"
             >
+              <b
+                class="provisioners-table__staked-amount-type-label"
+              >
+                Reclaimable:
+              </b>
+               
               500,000
-            </td>
-            
-             
-            <td
-              class="table__data-cell"
-            >
+               
+              <br />
+               
+              <b
+                class="provisioners-table__staked-amount-type-label"
+              >
+                Locked:
+              </b>
+               
               0
             </td>
             
@@ -117,13 +112,22 @@ exports[`Provisioners Card > should disable the \`Show More\` button if there is
             <td
               class="table__data-cell"
             >
+              <b
+                class="provisioners-table__slash-type-label"
+              >
+                Soft:
+              </b>
+               
               0
-            </td>
-            
-             
-            <td
-              class="table__data-cell"
-            >
+               
+              <br />
+               
+              <b
+                class="provisioners-table__slash-type-label"
+              >
+                Hard:
+              </b>
+               
               0
             </td>
             
@@ -150,13 +154,22 @@ exports[`Provisioners Card > should disable the \`Show More\` button if there is
             <td
               class="table__data-cell"
             >
+              <b
+                class="provisioners-table__staked-amount-type-label"
+              >
+                Reclaimable:
+              </b>
+               
               500,000
-            </td>
-            
-             
-            <td
-              class="table__data-cell"
-            >
+               
+              <br />
+               
+              <b
+                class="provisioners-table__staked-amount-type-label"
+              >
+                Locked:
+              </b>
+               
               0
             </td>
             
@@ -164,13 +177,22 @@ exports[`Provisioners Card > should disable the \`Show More\` button if there is
             <td
               class="table__data-cell"
             >
+              <b
+                class="provisioners-table__slash-type-label"
+              >
+                Soft:
+              </b>
+               
               0
-            </td>
-            
-             
-            <td
-              class="table__data-cell"
-            >
+               
+              <br />
+               
+              <b
+                class="provisioners-table__slash-type-label"
+              >
+                Hard:
+              </b>
+               
               0
             </td>
             
@@ -197,13 +219,22 @@ exports[`Provisioners Card > should disable the \`Show More\` button if there is
             <td
               class="table__data-cell"
             >
+              <b
+                class="provisioners-table__staked-amount-type-label"
+              >
+                Reclaimable:
+              </b>
+               
               4,800
-            </td>
-            
-             
-            <td
-              class="table__data-cell"
-            >
+               
+              <br />
+               
+              <b
+                class="provisioners-table__staked-amount-type-label"
+              >
+                Locked:
+              </b>
+               
               0
             </td>
             
@@ -211,13 +242,22 @@ exports[`Provisioners Card > should disable the \`Show More\` button if there is
             <td
               class="table__data-cell"
             >
+              <b
+                class="provisioners-table__slash-type-label"
+              >
+                Soft:
+              </b>
+               
               0
-            </td>
-            
-             
-            <td
-              class="table__data-cell"
-            >
+               
+              <br />
+               
+              <b
+                class="provisioners-table__slash-type-label"
+              >
+                Hard:
+              </b>
+               
               0
             </td>
             
@@ -244,13 +284,22 @@ exports[`Provisioners Card > should disable the \`Show More\` button if there is
             <td
               class="table__data-cell"
             >
+              <b
+                class="provisioners-table__staked-amount-type-label"
+              >
+                Reclaimable:
+              </b>
+               
               1,234
-            </td>
-            
-             
-            <td
-              class="table__data-cell"
-            >
+               
+              <br />
+               
+              <b
+                class="provisioners-table__staked-amount-type-label"
+              >
+                Locked:
+              </b>
+               
               0
             </td>
             
@@ -258,13 +307,22 @@ exports[`Provisioners Card > should disable the \`Show More\` button if there is
             <td
               class="table__data-cell"
             >
+              <b
+                class="provisioners-table__slash-type-label"
+              >
+                Soft:
+              </b>
+               
               0
-            </td>
-            
-             
-            <td
-              class="table__data-cell"
-            >
+               
+              <br />
+               
+              <b
+                class="provisioners-table__slash-type-label"
+              >
+                Hard:
+              </b>
+               
               0
             </td>
             
@@ -291,13 +349,22 @@ exports[`Provisioners Card > should disable the \`Show More\` button if there is
             <td
               class="table__data-cell"
             >
+              <b
+                class="provisioners-table__staked-amount-type-label"
+              >
+                Reclaimable:
+              </b>
+               
               500,000
-            </td>
-            
-             
-            <td
-              class="table__data-cell"
-            >
+               
+              <br />
+               
+              <b
+                class="provisioners-table__staked-amount-type-label"
+              >
+                Locked:
+              </b>
+               
               0
             </td>
             
@@ -305,13 +372,22 @@ exports[`Provisioners Card > should disable the \`Show More\` button if there is
             <td
               class="table__data-cell"
             >
+              <b
+                class="provisioners-table__slash-type-label"
+              >
+                Soft:
+              </b>
+               
               0
-            </td>
-            
-             
-            <td
-              class="table__data-cell"
-            >
+               
+              <br />
+               
+              <b
+                class="provisioners-table__slash-type-label"
+              >
+                Hard:
+              </b>
+               
               0
             </td>
             
@@ -338,13 +414,22 @@ exports[`Provisioners Card > should disable the \`Show More\` button if there is
             <td
               class="table__data-cell"
             >
+              <b
+                class="provisioners-table__staked-amount-type-label"
+              >
+                Reclaimable:
+              </b>
+               
               4,800
-            </td>
-            
-             
-            <td
-              class="table__data-cell"
-            >
+               
+              <br />
+               
+              <b
+                class="provisioners-table__staked-amount-type-label"
+              >
+                Locked:
+              </b>
+               
               0
             </td>
             
@@ -352,13 +437,22 @@ exports[`Provisioners Card > should disable the \`Show More\` button if there is
             <td
               class="table__data-cell"
             >
+              <b
+                class="provisioners-table__slash-type-label"
+              >
+                Soft:
+              </b>
+               
               0
-            </td>
-            
-             
-            <td
-              class="table__data-cell"
-            >
+               
+              <br />
+               
+              <b
+                class="provisioners-table__slash-type-label"
+              >
+                Hard:
+              </b>
+               
               0
             </td>
             
@@ -385,13 +479,22 @@ exports[`Provisioners Card > should disable the \`Show More\` button if there is
             <td
               class="table__data-cell"
             >
+              <b
+                class="provisioners-table__staked-amount-type-label"
+              >
+                Reclaimable:
+              </b>
+               
               500,000
-            </td>
-            
-             
-            <td
-              class="table__data-cell"
-            >
+               
+              <br />
+               
+              <b
+                class="provisioners-table__staked-amount-type-label"
+              >
+                Locked:
+              </b>
+               
               0
             </td>
             
@@ -399,13 +502,22 @@ exports[`Provisioners Card > should disable the \`Show More\` button if there is
             <td
               class="table__data-cell"
             >
+              <b
+                class="provisioners-table__slash-type-label"
+              >
+                Soft:
+              </b>
+               
               0
-            </td>
-            
-             
-            <td
-              class="table__data-cell"
-            >
+               
+              <br />
+               
+              <b
+                class="provisioners-table__slash-type-label"
+              >
+                Hard:
+              </b>
+               
               0
             </td>
             
@@ -432,13 +544,22 @@ exports[`Provisioners Card > should disable the \`Show More\` button if there is
             <td
               class="table__data-cell"
             >
+              <b
+                class="provisioners-table__staked-amount-type-label"
+              >
+                Reclaimable:
+              </b>
+               
               1,000
-            </td>
-            
-             
-            <td
-              class="table__data-cell"
-            >
+               
+              <br />
+               
+              <b
+                class="provisioners-table__staked-amount-type-label"
+              >
+                Locked:
+              </b>
+               
               0
             </td>
             
@@ -446,13 +567,22 @@ exports[`Provisioners Card > should disable the \`Show More\` button if there is
             <td
               class="table__data-cell"
             >
+              <b
+                class="provisioners-table__slash-type-label"
+              >
+                Soft:
+              </b>
+               
               0
-            </td>
-            
-             
-            <td
-              class="table__data-cell"
-            >
+               
+              <br />
+               
+              <b
+                class="provisioners-table__slash-type-label"
+              >
+                Hard:
+              </b>
+               
               0
             </td>
             
@@ -479,13 +609,22 @@ exports[`Provisioners Card > should disable the \`Show More\` button if there is
             <td
               class="table__data-cell"
             >
+              <b
+                class="provisioners-table__staked-amount-type-label"
+              >
+                Reclaimable:
+              </b>
+               
               500,000
-            </td>
-            
-             
-            <td
-              class="table__data-cell"
-            >
+               
+              <br />
+               
+              <b
+                class="provisioners-table__staked-amount-type-label"
+              >
+                Locked:
+              </b>
+               
               0
             </td>
             
@@ -493,13 +632,22 @@ exports[`Provisioners Card > should disable the \`Show More\` button if there is
             <td
               class="table__data-cell"
             >
+              <b
+                class="provisioners-table__slash-type-label"
+              >
+                Soft:
+              </b>
+               
               0
-            </td>
-            
-             
-            <td
-              class="table__data-cell"
-            >
+               
+              <br />
+               
+              <b
+                class="provisioners-table__slash-type-label"
+              >
+                Hard:
+              </b>
+               
               0
             </td>
             
@@ -526,13 +674,22 @@ exports[`Provisioners Card > should disable the \`Show More\` button if there is
             <td
               class="table__data-cell"
             >
+              <b
+                class="provisioners-table__staked-amount-type-label"
+              >
+                Reclaimable:
+              </b>
+               
               500,000
-            </td>
-            
-             
-            <td
-              class="table__data-cell"
-            >
+               
+              <br />
+               
+              <b
+                class="provisioners-table__staked-amount-type-label"
+              >
+                Locked:
+              </b>
+               
               0
             </td>
             
@@ -540,13 +697,22 @@ exports[`Provisioners Card > should disable the \`Show More\` button if there is
             <td
               class="table__data-cell"
             >
+              <b
+                class="provisioners-table__slash-type-label"
+              >
+                Soft:
+              </b>
+               
               0
-            </td>
-            
-             
-            <td
-              class="table__data-cell"
-            >
+               
+              <br />
+               
+              <b
+                class="provisioners-table__slash-type-label"
+              >
+                Hard:
+              </b>
+               
               0
             </td>
             
diff --git a/explorer/src/lib/components/__tests__/__snapshots__/ProvisionersList.spec.js.snap b/explorer/src/lib/components/__tests__/__snapshots__/ProvisionersList.spec.js.snap
index feeecddef..54f16df23 100644
--- a/explorer/src/lib/components/__tests__/__snapshots__/ProvisionersList.spec.js.snap
+++ b/explorer/src/lib/components/__tests__/__snapshots__/ProvisionersList.spec.js.snap
@@ -18,7 +18,7 @@ exports[`Provisioners List > renders the \`ProvisionersList\` component 1`] = `
   <dd
     class="details-list__definition details-list__definition--table"
   >
-    m6dy2gz3jC3ifLpZmdTaZbgcptWxRr...UgMi1uSCne1ti5kgYeNHtW82FWtnpf
+    M6DY2GZ3JC3IFLPZMDTAZBGCPTWXRR...UGMI1USCNE1TI5KGYENHTW82FWTNPF
   </dd>
    
   <dt
@@ -28,14 +28,14 @@ exports[`Provisioners List > renders the \`ProvisionersList\` component 1`] = `
       class="details-list__term-layout"
     >
        
-      staked amount
+      Locked Stake Amount
     </div>
   </dt>
    
   <dd
     class="details-list__definition details-list__definition--table"
   >
-    500,000
+    0
      DUSK
   </dd>
    
@@ -46,14 +46,14 @@ exports[`Provisioners List > renders the \`ProvisionersList\` component 1`] = `
       class="details-list__term-layout"
     >
        
-      Reclaimable Staked Amount
+      Reclaimable Stake Amount
     </div>
   </dt>
    
   <dd
     class="details-list__definition details-list__definition--table"
   >
-    0
+    500,000,000,000,000
      DUSK
   </dd>
    
@@ -64,7 +64,7 @@ exports[`Provisioners List > renders the \`ProvisionersList\` component 1`] = `
       class="details-list__term-layout"
     >
        
-      slashes
+      Soft Slashes
     </div>
   </dt>
    
@@ -81,7 +81,7 @@ exports[`Provisioners List > renders the \`ProvisionersList\` component 1`] = `
       class="details-list__term-layout"
     >
        
-      hard slashes
+      Hard Slashes
     </div>
   </dt>
    
diff --git a/explorer/src/lib/components/__tests__/__snapshots__/ProvisionersTable.spec.js.snap b/explorer/src/lib/components/__tests__/__snapshots__/ProvisionersTable.spec.js.snap
index 692e45a78..a64940d85 100644
--- a/explorer/src/lib/components/__tests__/__snapshots__/ProvisionersTable.spec.js.snap
+++ b/explorer/src/lib/components/__tests__/__snapshots__/ProvisionersTable.spec.js.snap
@@ -23,14 +23,7 @@ exports[`Provisioners Table > should render the \`ProvisionersTable\` component
         <th
           class="table__header-cell"
         >
-          Staked Amount (DUSK)
-        </th>
-        
-         
-        <th
-          class="table__header-cell"
-        >
-          Reclaimable Staked Amount (DUSK)
+          Stake Amount (DUSK)
         </th>
         
          
@@ -41,13 +34,6 @@ exports[`Provisioners Table > should render the \`ProvisionersTable\` component
         </th>
         
          
-        <th
-          class="table__header-cell"
-        >
-          Hard Slashes
-        </th>
-        
-         
         <th
           class="table__header-cell"
         >
@@ -74,13 +60,22 @@ exports[`Provisioners Table > should render the \`ProvisionersTable\` component
         <td
           class="table__data-cell"
         >
+          <b
+            class="provisioners-table__staked-amount-type-label"
+          >
+            Reclaimable:
+          </b>
+           
           500,000
-        </td>
-        
-         
-        <td
-          class="table__data-cell"
-        >
+           
+          <br />
+           
+          <b
+            class="provisioners-table__staked-amount-type-label"
+          >
+            Locked:
+          </b>
+           
           0
         </td>
         
@@ -88,13 +83,22 @@ exports[`Provisioners Table > should render the \`ProvisionersTable\` component
         <td
           class="table__data-cell"
         >
+          <b
+            class="provisioners-table__slash-type-label"
+          >
+            Soft:
+          </b>
+           
           0
-        </td>
-        
-         
-        <td
-          class="table__data-cell"
-        >
+           
+          <br />
+           
+          <b
+            class="provisioners-table__slash-type-label"
+          >
+            Hard:
+          </b>
+           
           0
         </td>
         
@@ -121,13 +125,22 @@ exports[`Provisioners Table > should render the \`ProvisionersTable\` component
         <td
           class="table__data-cell"
         >
+          <b
+            class="provisioners-table__staked-amount-type-label"
+          >
+            Reclaimable:
+          </b>
+           
           500,000
-        </td>
-        
-         
-        <td
-          class="table__data-cell"
-        >
+           
+          <br />
+           
+          <b
+            class="provisioners-table__staked-amount-type-label"
+          >
+            Locked:
+          </b>
+           
           0
         </td>
         
@@ -135,13 +148,22 @@ exports[`Provisioners Table > should render the \`ProvisionersTable\` component
         <td
           class="table__data-cell"
         >
+          <b
+            class="provisioners-table__slash-type-label"
+          >
+            Soft:
+          </b>
+           
           0
-        </td>
-        
-         
-        <td
-          class="table__data-cell"
-        >
+           
+          <br />
+           
+          <b
+            class="provisioners-table__slash-type-label"
+          >
+            Hard:
+          </b>
+           
           0
         </td>
         
@@ -168,13 +190,22 @@ exports[`Provisioners Table > should render the \`ProvisionersTable\` component
         <td
           class="table__data-cell"
         >
+          <b
+            class="provisioners-table__staked-amount-type-label"
+          >
+            Reclaimable:
+          </b>
+           
           4,800
-        </td>
-        
-         
-        <td
-          class="table__data-cell"
-        >
+           
+          <br />
+           
+          <b
+            class="provisioners-table__staked-amount-type-label"
+          >
+            Locked:
+          </b>
+           
           0
         </td>
         
@@ -182,13 +213,22 @@ exports[`Provisioners Table > should render the \`ProvisionersTable\` component
         <td
           class="table__data-cell"
         >
+          <b
+            class="provisioners-table__slash-type-label"
+          >
+            Soft:
+          </b>
+           
           0
-        </td>
-        
-         
-        <td
-          class="table__data-cell"
-        >
+           
+          <br />
+           
+          <b
+            class="provisioners-table__slash-type-label"
+          >
+            Hard:
+          </b>
+           
           0
         </td>
         
@@ -215,13 +255,22 @@ exports[`Provisioners Table > should render the \`ProvisionersTable\` component
         <td
           class="table__data-cell"
         >
+          <b
+            class="provisioners-table__staked-amount-type-label"
+          >
+            Reclaimable:
+          </b>
+           
           1,234
-        </td>
-        
-         
-        <td
-          class="table__data-cell"
-        >
+           
+          <br />
+           
+          <b
+            class="provisioners-table__staked-amount-type-label"
+          >
+            Locked:
+          </b>
+           
           0
         </td>
         
@@ -229,13 +278,22 @@ exports[`Provisioners Table > should render the \`ProvisionersTable\` component
         <td
           class="table__data-cell"
         >
+          <b
+            class="provisioners-table__slash-type-label"
+          >
+            Soft:
+          </b>
+           
           0
-        </td>
-        
-         
-        <td
-          class="table__data-cell"
-        >
+           
+          <br />
+           
+          <b
+            class="provisioners-table__slash-type-label"
+          >
+            Hard:
+          </b>
+           
           0
         </td>
         
@@ -262,13 +320,22 @@ exports[`Provisioners Table > should render the \`ProvisionersTable\` component
         <td
           class="table__data-cell"
         >
+          <b
+            class="provisioners-table__staked-amount-type-label"
+          >
+            Reclaimable:
+          </b>
+           
           500,000
-        </td>
-        
-         
-        <td
-          class="table__data-cell"
-        >
+           
+          <br />
+           
+          <b
+            class="provisioners-table__staked-amount-type-label"
+          >
+            Locked:
+          </b>
+           
           0
         </td>
         
@@ -276,13 +343,22 @@ exports[`Provisioners Table > should render the \`ProvisionersTable\` component
         <td
           class="table__data-cell"
         >
+          <b
+            class="provisioners-table__slash-type-label"
+          >
+            Soft:
+          </b>
+           
           0
-        </td>
-        
-         
-        <td
-          class="table__data-cell"
-        >
+           
+          <br />
+           
+          <b
+            class="provisioners-table__slash-type-label"
+          >
+            Hard:
+          </b>
+           
           0
         </td>
         
@@ -309,13 +385,22 @@ exports[`Provisioners Table > should render the \`ProvisionersTable\` component
         <td
           class="table__data-cell"
         >
+          <b
+            class="provisioners-table__staked-amount-type-label"
+          >
+            Reclaimable:
+          </b>
+           
           4,800
-        </td>
-        
-         
-        <td
-          class="table__data-cell"
-        >
+           
+          <br />
+           
+          <b
+            class="provisioners-table__staked-amount-type-label"
+          >
+            Locked:
+          </b>
+           
           0
         </td>
         
@@ -323,13 +408,22 @@ exports[`Provisioners Table > should render the \`ProvisionersTable\` component
         <td
           class="table__data-cell"
         >
+          <b
+            class="provisioners-table__slash-type-label"
+          >
+            Soft:
+          </b>
+           
           0
-        </td>
-        
-         
-        <td
-          class="table__data-cell"
-        >
+           
+          <br />
+           
+          <b
+            class="provisioners-table__slash-type-label"
+          >
+            Hard:
+          </b>
+           
           0
         </td>
         
@@ -356,13 +450,22 @@ exports[`Provisioners Table > should render the \`ProvisionersTable\` component
         <td
           class="table__data-cell"
         >
+          <b
+            class="provisioners-table__staked-amount-type-label"
+          >
+            Reclaimable:
+          </b>
+           
           500,000
-        </td>
-        
-         
-        <td
-          class="table__data-cell"
-        >
+           
+          <br />
+           
+          <b
+            class="provisioners-table__staked-amount-type-label"
+          >
+            Locked:
+          </b>
+           
           0
         </td>
         
@@ -370,13 +473,22 @@ exports[`Provisioners Table > should render the \`ProvisionersTable\` component
         <td
           class="table__data-cell"
         >
+          <b
+            class="provisioners-table__slash-type-label"
+          >
+            Soft:
+          </b>
+           
           0
-        </td>
-        
-         
-        <td
-          class="table__data-cell"
-        >
+           
+          <br />
+           
+          <b
+            class="provisioners-table__slash-type-label"
+          >
+            Hard:
+          </b>
+           
           0
         </td>
         
@@ -403,13 +515,22 @@ exports[`Provisioners Table > should render the \`ProvisionersTable\` component
         <td
           class="table__data-cell"
         >
+          <b
+            class="provisioners-table__staked-amount-type-label"
+          >
+            Reclaimable:
+          </b>
+           
           1,000
-        </td>
-        
-         
-        <td
-          class="table__data-cell"
-        >
+           
+          <br />
+           
+          <b
+            class="provisioners-table__staked-amount-type-label"
+          >
+            Locked:
+          </b>
+           
           0
         </td>
         
@@ -417,13 +538,22 @@ exports[`Provisioners Table > should render the \`ProvisionersTable\` component
         <td
           class="table__data-cell"
         >
+          <b
+            class="provisioners-table__slash-type-label"
+          >
+            Soft:
+          </b>
+           
           0
-        </td>
-        
-         
-        <td
-          class="table__data-cell"
-        >
+           
+          <br />
+           
+          <b
+            class="provisioners-table__slash-type-label"
+          >
+            Hard:
+          </b>
+           
           0
         </td>
         
@@ -450,13 +580,22 @@ exports[`Provisioners Table > should render the \`ProvisionersTable\` component
         <td
           class="table__data-cell"
         >
+          <b
+            class="provisioners-table__staked-amount-type-label"
+          >
+            Reclaimable:
+          </b>
+           
           500,000
-        </td>
-        
-         
-        <td
-          class="table__data-cell"
-        >
+           
+          <br />
+           
+          <b
+            class="provisioners-table__staked-amount-type-label"
+          >
+            Locked:
+          </b>
+           
           0
         </td>
         
@@ -464,13 +603,22 @@ exports[`Provisioners Table > should render the \`ProvisionersTable\` component
         <td
           class="table__data-cell"
         >
+          <b
+            class="provisioners-table__slash-type-label"
+          >
+            Soft:
+          </b>
+           
           0
-        </td>
-        
-         
-        <td
-          class="table__data-cell"
-        >
+           
+          <br />
+           
+          <b
+            class="provisioners-table__slash-type-label"
+          >
+            Hard:
+          </b>
+           
           0
         </td>
         
@@ -497,13 +645,22 @@ exports[`Provisioners Table > should render the \`ProvisionersTable\` component
         <td
           class="table__data-cell"
         >
+          <b
+            class="provisioners-table__staked-amount-type-label"
+          >
+            Reclaimable:
+          </b>
+           
           500,000
-        </td>
-        
-         
-        <td
-          class="table__data-cell"
-        >
+           
+          <br />
+           
+          <b
+            class="provisioners-table__staked-amount-type-label"
+          >
+            Locked:
+          </b>
+           
           0
         </td>
         
@@ -511,13 +668,22 @@ exports[`Provisioners Table > should render the \`ProvisionersTable\` component
         <td
           class="table__data-cell"
         >
+          <b
+            class="provisioners-table__slash-type-label"
+          >
+            Soft:
+          </b>
+           
           0
-        </td>
-        
-         
-        <td
-          class="table__data-cell"
-        >
+           
+          <br />
+           
+          <b
+            class="provisioners-table__slash-type-label"
+          >
+            Hard:
+          </b>
+           
           0
         </td>
         
diff --git a/explorer/src/lib/components/provisioners-list/ProvisionersList.svelte b/explorer/src/lib/components/provisioners-list/ProvisionersList.svelte
index e856972c9..6664613ac 100644
--- a/explorer/src/lib/components/provisioners-list/ProvisionersList.svelte
+++ b/explorer/src/lib/components/provisioners-list/ProvisionersList.svelte
@@ -39,31 +39,29 @@
       >{middleEllipsis(
         data.key,
         calculateAdaptiveCharCount(screenWidth, 320, 1024, 4, 30)
-      )}</svelte:fragment
+      ).toUpperCase()}</svelte:fragment
     >
   </ListItem>
 
-  <!-- STAKED AMOUNT -->
-  <ListItem tooltipText={displayTooltips ? "The staked amount" : ""}>
-    <svelte:fragment slot="term">staked amount</svelte:fragment>
+  <!-- LOCKED STAKED AMOUNT -->
+  <ListItem tooltipText={displayTooltips ? "The locked stake amount" : ""}>
+    <svelte:fragment slot="term">Locked Stake Amount</svelte:fragment>
     <svelte:fragment slot="definition"
-      >{formatter(luxToDusk(data.amount))} DUSK</svelte:fragment
+      >{formatter(luxToDusk(data.locked_amt))} DUSK</svelte:fragment
     >
   </ListItem>
 
   <!-- RECLAIMABLE STAKED AMOUNT -->
-  <ListItem
-    tooltipText={displayTooltips ? "The reclaimable staked amount" : ""}
-  >
-    <svelte:fragment slot="term">Reclaimable Staked Amount</svelte:fragment>
+  <ListItem tooltipText={displayTooltips ? "The reclaimable stake amount" : ""}>
+    <svelte:fragment slot="term">Reclaimable Stake Amount</svelte:fragment>
     <svelte:fragment slot="definition"
-      >{formatter(data.locked_amt)} DUSK</svelte:fragment
+      >{formatter(data.amount)} DUSK</svelte:fragment
     >
   </ListItem>
 
   <!-- SLASHES -->
-  <ListItem tooltipText={displayTooltips ? "Slashes" : ""}>
-    <svelte:fragment slot="term">slashes</svelte:fragment>
+  <ListItem tooltipText={displayTooltips ? "Soft slashes" : ""}>
+    <svelte:fragment slot="term">Soft Slashes</svelte:fragment>
     <svelte:fragment slot="definition">
       {formatter(data.faults)}
     </svelte:fragment>
@@ -71,7 +69,7 @@
 
   <!-- HARD SLASHES -->
   <ListItem tooltipText={displayTooltips ? "Hard slashes" : ""}>
-    <svelte:fragment slot="term">hard slashes</svelte:fragment>
+    <svelte:fragment slot="term">Hard Slashes</svelte:fragment>
     <svelte:fragment slot="definition">
       {formatter(data.hard_faults)}
     </svelte:fragment>
diff --git a/explorer/src/lib/components/provisioners-table/ProvisionersTable.css b/explorer/src/lib/components/provisioners-table/ProvisionersTable.css
index f4f253a02..981c2b2b8 100644
--- a/explorer/src/lib/components/provisioners-table/ProvisionersTable.css
+++ b/explorer/src/lib/components/provisioners-table/ProvisionersTable.css
@@ -1,3 +1,4 @@
-.provisioners-table .table__header-cell {
-  text-wrap: wrap;
+.provisioners-table__staked-amount-type-label,
+.provisioners-table__slash-type-label {
+  font-weight: 500;
 }
diff --git a/explorer/src/lib/components/provisioners-table/ProvisionersTable.svelte b/explorer/src/lib/components/provisioners-table/ProvisionersTable.svelte
index c8bdebaf0..5cccf7a06 100644
--- a/explorer/src/lib/components/provisioners-table/ProvisionersTable.svelte
+++ b/explorer/src/lib/components/provisioners-table/ProvisionersTable.svelte
@@ -31,10 +31,8 @@
   <TableHead>
     <TableRow>
       <TableCell type="th">Staking Address</TableCell>
-      <TableCell type="th">Staked Amount (DUSK)</TableCell>
-      <TableCell type="th">Reclaimable Staked Amount (DUSK)</TableCell>
+      <TableCell type="th">Stake Amount (DUSK)</TableCell>
       <TableCell type="th">Slashes</TableCell>
-      <TableCell type="th">Hard Slashes</TableCell>
       <TableCell type="th">Accumulated Reward (DUSK)</TableCell>
     </TableRow>
   </TableHead>
@@ -45,15 +43,21 @@
           {middleEllipsis(provisioner.key, HASH_CHARS_LENGTH)}
         </TableCell>
         <TableCell>
+          <b class="provisioners-table__staked-amount-type-label"
+            >Reclaimable:</b
+          >
           {numberFormatter(luxToDusk(provisioner.amount))}
-        </TableCell>
-        <TableCell>
+          <br />
+          <b class="provisioners-table__staked-amount-type-label">Locked:</b>
           {numberFormatter(luxToDusk(provisioner.locked_amt))}
         </TableCell>
         <TableCell>
+          <b class="provisioners-table__slash-type-label">Soft:</b>
           {numberFormatter(provisioner.faults)}
+          <br />
+          <b class="provisioners-table__slash-type-label">Hard:</b>
+          {numberFormatter(provisioner.hard_faults)}
         </TableCell>
-        <TableCell>{numberFormatter(provisioner.hard_faults)}</TableCell>
         <TableCell>{numberFormatter(luxToDusk(provisioner.reward))}</TableCell>
       </TableRow>
     {/each}
diff --git a/explorer/src/routes/provisioners/__tests__/__snapshots__/page.spec.js.snap b/explorer/src/routes/provisioners/__tests__/__snapshots__/page.spec.js.snap
index 1659770cc..f71db2fbc 100644
--- a/explorer/src/routes/provisioners/__tests__/__snapshots__/page.spec.js.snap
+++ b/explorer/src/routes/provisioners/__tests__/__snapshots__/page.spec.js.snap
@@ -51,7 +51,7 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
           <dd
             class="details-list__definition details-list__definition--table"
           >
-            m6dy2gz3jC3ifLpZmdTaZbgcptWxRr...UgMi1uSCne1ti5kgYeNHtW82FWtnpf
+            M6DY2GZ3JC3IFLPZMDTAZBGCPTWXRR...UGMI1USCNE1TI5KGYENHTW82FWTNPF
           </dd>
            
           <dt
@@ -61,14 +61,14 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
               class="details-list__term-layout"
             >
                
-              staked amount
+              Locked Stake Amount
             </div>
           </dt>
            
           <dd
             class="details-list__definition details-list__definition--table"
           >
-            500,000
+            0
              DUSK
           </dd>
            
@@ -79,14 +79,14 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
               class="details-list__term-layout"
             >
                
-              Reclaimable Staked Amount
+              Reclaimable Stake Amount
             </div>
           </dt>
            
           <dd
             class="details-list__definition details-list__definition--table"
           >
-            0
+            500,000,000,000,000
              DUSK
           </dd>
            
@@ -97,7 +97,7 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
               class="details-list__term-layout"
             >
                
-              slashes
+              Soft Slashes
             </div>
           </dt>
            
@@ -114,7 +114,7 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
               class="details-list__term-layout"
             >
                
-              hard slashes
+              Hard Slashes
             </div>
           </dt>
            
@@ -160,7 +160,7 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
           <dd
             class="details-list__definition details-list__definition--table"
           >
-            m9dVuRgr3CQX5P5Fxh2t68QRhRFBZF...tCP7UmZ9qF734nJJhb2f94r33pFQyz
+            M9DVURGR3CQX5P5FXH2T68QRHRFBZF...TCP7UMZ9QF734NJJHB2F94R33PFQYZ
           </dd>
            
           <dt
@@ -170,14 +170,14 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
               class="details-list__term-layout"
             >
                
-              staked amount
+              Locked Stake Amount
             </div>
           </dt>
            
           <dd
             class="details-list__definition details-list__definition--table"
           >
-            500,000
+            0
              DUSK
           </dd>
            
@@ -188,14 +188,14 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
               class="details-list__term-layout"
             >
                
-              Reclaimable Staked Amount
+              Reclaimable Stake Amount
             </div>
           </dt>
            
           <dd
             class="details-list__definition details-list__definition--table"
           >
-            0
+            500,000,000,000,000
              DUSK
           </dd>
            
@@ -206,7 +206,7 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
               class="details-list__term-layout"
             >
                
-              slashes
+              Soft Slashes
             </div>
           </dt>
            
@@ -223,7 +223,7 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
               class="details-list__term-layout"
             >
                
-              hard slashes
+              Hard Slashes
             </div>
           </dt>
            
@@ -269,7 +269,7 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
           <dd
             class="details-list__definition details-list__definition--table"
           >
-            mHGvQ9XdjzuGyixBGrMeeC7EdX9QZN...93rPux7H5V95Q3hPxdxHiTfxTvgn7f
+            MHGVQ9XDJZUGYIXBGRMEEC7EDX9QZN...93RPUX7H5V95Q3HPXDXHITFXTVGN7F
           </dd>
            
           <dt
@@ -279,14 +279,14 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
               class="details-list__term-layout"
             >
                
-              staked amount
+              Locked Stake Amount
             </div>
           </dt>
            
           <dd
             class="details-list__definition details-list__definition--table"
           >
-            4,800
+            0
              DUSK
           </dd>
            
@@ -297,14 +297,14 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
               class="details-list__term-layout"
             >
                
-              Reclaimable Staked Amount
+              Reclaimable Stake Amount
             </div>
           </dt>
            
           <dd
             class="details-list__definition details-list__definition--table"
           >
-            0
+            4,800,000,000,000
              DUSK
           </dd>
            
@@ -315,7 +315,7 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
               class="details-list__term-layout"
             >
                
-              slashes
+              Soft Slashes
             </div>
           </dt>
            
@@ -332,7 +332,7 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
               class="details-list__term-layout"
             >
                
-              hard slashes
+              Hard Slashes
             </div>
           </dt>
            
@@ -378,7 +378,7 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
           <dd
             class="details-list__definition details-list__definition--table"
           >
-            mLx5HUo5PhsobwgMJhzL9j8TY7TjC1...q16NreXVk4jmfr3CEHqvBrRgEzoka8
+            MLX5HUO5PHSOBWGMJHZL9J8TY7TJC1...Q16NREXVK4JMFR3CEHQVBRRGEZOKA8
           </dd>
            
           <dt
@@ -388,14 +388,14 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
               class="details-list__term-layout"
             >
                
-              staked amount
+              Locked Stake Amount
             </div>
           </dt>
            
           <dd
             class="details-list__definition details-list__definition--table"
           >
-            1,234
+            0
              DUSK
           </dd>
            
@@ -406,14 +406,14 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
               class="details-list__term-layout"
             >
                
-              Reclaimable Staked Amount
+              Reclaimable Stake Amount
             </div>
           </dt>
            
           <dd
             class="details-list__definition details-list__definition--table"
           >
-            0
+            1,234,000,000,000
              DUSK
           </dd>
            
@@ -424,7 +424,7 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
               class="details-list__term-layout"
             >
                
-              slashes
+              Soft Slashes
             </div>
           </dt>
            
@@ -441,7 +441,7 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
               class="details-list__term-layout"
             >
                
-              hard slashes
+              Hard Slashes
             </div>
           </dt>
            
@@ -487,7 +487,7 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
           <dd
             class="details-list__definition details-list__definition--table"
           >
-            mTgXDqkyVacn7zCgoJfk7rKMVbvKhx...7cnz5nRE4uXaAhpCPPSjgAseybAsfU
+            MTGXDQKYVACN7ZCGOJFK7RKMVBVKHX...7CNZ5NRE4UXAAHPCPPSJGASEYBASFU
           </dd>
            
           <dt
@@ -497,14 +497,14 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
               class="details-list__term-layout"
             >
                
-              staked amount
+              Locked Stake Amount
             </div>
           </dt>
            
           <dd
             class="details-list__definition details-list__definition--table"
           >
-            500,000
+            0
              DUSK
           </dd>
            
@@ -515,14 +515,14 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
               class="details-list__term-layout"
             >
                
-              Reclaimable Staked Amount
+              Reclaimable Stake Amount
             </div>
           </dt>
            
           <dd
             class="details-list__definition details-list__definition--table"
           >
-            0
+            500,000,000,000,000
              DUSK
           </dd>
            
@@ -533,7 +533,7 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
               class="details-list__term-layout"
             >
                
-              slashes
+              Soft Slashes
             </div>
           </dt>
            
@@ -550,7 +550,7 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
               class="details-list__term-layout"
             >
                
-              hard slashes
+              Hard Slashes
             </div>
           </dt>
            
@@ -596,7 +596,7 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
           <dd
             class="details-list__definition details-list__definition--table"
           >
-            mUJHMDEBiTUVJU5U76Krb5wwMXK6R7...y5PeqLyLvCCdgUnQ74FDFHNxRNhoAA
+            MUJHMDEBITUVJU5U76KRB5WWMXK6R7...Y5PEQLYLVCCDGUNQ74FDFHNXRNHOAA
           </dd>
            
           <dt
@@ -606,14 +606,14 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
               class="details-list__term-layout"
             >
                
-              staked amount
+              Locked Stake Amount
             </div>
           </dt>
            
           <dd
             class="details-list__definition details-list__definition--table"
           >
-            4,800
+            0
              DUSK
           </dd>
            
@@ -624,14 +624,14 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
               class="details-list__term-layout"
             >
                
-              Reclaimable Staked Amount
+              Reclaimable Stake Amount
             </div>
           </dt>
            
           <dd
             class="details-list__definition details-list__definition--table"
           >
-            0
+            4,800,000,000,000
              DUSK
           </dd>
            
@@ -642,7 +642,7 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
               class="details-list__term-layout"
             >
                
-              slashes
+              Soft Slashes
             </div>
           </dt>
            
@@ -659,7 +659,7 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
               class="details-list__term-layout"
             >
                
-              hard slashes
+              Hard Slashes
             </div>
           </dt>
            
@@ -705,7 +705,7 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
           <dd
             class="details-list__definition details-list__definition--table"
           >
-            mUUpjnXow2LHwm8a65cJsckTeQz55m...kfq8pxrsre7jNbLdDocqSfzQcywzaW
+            MUUPJNXOW2LHWM8A65CJSCKTEQZ55M...KFQ8PXRSRE7JNBLDDOCQSFZQCYWZAW
           </dd>
            
           <dt
@@ -715,14 +715,14 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
               class="details-list__term-layout"
             >
                
-              staked amount
+              Locked Stake Amount
             </div>
           </dt>
            
           <dd
             class="details-list__definition details-list__definition--table"
           >
-            500,000
+            0
              DUSK
           </dd>
            
@@ -733,14 +733,14 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
               class="details-list__term-layout"
             >
                
-              Reclaimable Staked Amount
+              Reclaimable Stake Amount
             </div>
           </dt>
            
           <dd
             class="details-list__definition details-list__definition--table"
           >
-            0
+            500,000,000,000,000
              DUSK
           </dd>
            
@@ -751,7 +751,7 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
               class="details-list__term-layout"
             >
                
-              slashes
+              Soft Slashes
             </div>
           </dt>
            
@@ -768,7 +768,7 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
               class="details-list__term-layout"
             >
                
-              hard slashes
+              Hard Slashes
             </div>
           </dt>
            
@@ -814,7 +814,7 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
           <dd
             class="details-list__definition details-list__definition--table"
           >
-            mWvq9EWD9b8gQw5uD4GnYaV8Wsn86y...p4m7pfsBMoDjbYzTTUxooU7BY2oEDe
+            MWVQ9EWD9B8GQW5UD4GNYAV8WSN86Y...P4M7PFSBMODJBYZTTUXOOU7BY2OEDE
           </dd>
            
           <dt
@@ -824,14 +824,14 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
               class="details-list__term-layout"
             >
                
-              staked amount
+              Locked Stake Amount
             </div>
           </dt>
            
           <dd
             class="details-list__definition details-list__definition--table"
           >
-            1,000
+            0
              DUSK
           </dd>
            
@@ -842,14 +842,14 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
               class="details-list__term-layout"
             >
                
-              Reclaimable Staked Amount
+              Reclaimable Stake Amount
             </div>
           </dt>
            
           <dd
             class="details-list__definition details-list__definition--table"
           >
-            0
+            1,000,000,000,000
              DUSK
           </dd>
            
@@ -860,7 +860,7 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
               class="details-list__term-layout"
             >
                
-              slashes
+              Soft Slashes
             </div>
           </dt>
            
@@ -877,7 +877,7 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
               class="details-list__term-layout"
             >
                
-              hard slashes
+              Hard Slashes
             </div>
           </dt>
            
@@ -923,7 +923,7 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
           <dd
             class="details-list__definition details-list__definition--table"
           >
-            mXKJ97xTtrSPzxWHBKPurUpehP1yPy...P3VDzeUPuXjqaC9dp6H7JgkCK2o7x4
+            MXKJ97XTTRSPZXWHBKPURUPEHP1YPY...P3VDZEUPUXJQAC9DP6H7JGKCK2O7X4
           </dd>
            
           <dt
@@ -933,14 +933,14 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
               class="details-list__term-layout"
             >
                
-              staked amount
+              Locked Stake Amount
             </div>
           </dt>
            
           <dd
             class="details-list__definition details-list__definition--table"
           >
-            500,000
+            0
              DUSK
           </dd>
            
@@ -951,14 +951,14 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
               class="details-list__term-layout"
             >
                
-              Reclaimable Staked Amount
+              Reclaimable Stake Amount
             </div>
           </dt>
            
           <dd
             class="details-list__definition details-list__definition--table"
           >
-            0
+            500,000,000,000,000
              DUSK
           </dd>
            
@@ -969,7 +969,7 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
               class="details-list__term-layout"
             >
                
-              slashes
+              Soft Slashes
             </div>
           </dt>
            
@@ -986,7 +986,7 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
               class="details-list__term-layout"
             >
                
-              hard slashes
+              Hard Slashes
             </div>
           </dt>
            
@@ -1032,7 +1032,7 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
           <dd
             class="details-list__definition details-list__definition--table"
           >
-            mdXsA3Ee1YDt1aTcvUg7AKpzTKgJBo...qjDfvepuR9FPWCcJQfDwK8VZPimZ2J
+            MDXSA3EE1YDT1ATCVUG7AKPZTKGJBO...QJDFVEPUR9FPWCCJQFDWK8VZPIMZ2J
           </dd>
            
           <dt
@@ -1042,14 +1042,14 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
               class="details-list__term-layout"
             >
                
-              staked amount
+              Locked Stake Amount
             </div>
           </dt>
            
           <dd
             class="details-list__definition details-list__definition--table"
           >
-            500,000
+            0
              DUSK
           </dd>
            
@@ -1060,14 +1060,14 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
               class="details-list__term-layout"
             >
                
-              Reclaimable Staked Amount
+              Reclaimable Stake Amount
             </div>
           </dt>
            
           <dd
             class="details-list__definition details-list__definition--table"
           >
-            0
+            500,000,000,000,000
              DUSK
           </dd>
            
@@ -1078,7 +1078,7 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
               class="details-list__term-layout"
             >
                
-              slashes
+              Soft Slashes
             </div>
           </dt>
            
@@ -1095,7 +1095,7 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
               class="details-list__term-layout"
             >
                
-              hard slashes
+              Hard Slashes
             </div>
           </dt>
            
@@ -1141,7 +1141,7 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
           <dd
             class="details-list__definition details-list__definition--table"
           >
-            mdca2ea2KpRZaW6s6NkYAY29wbprGP...zo7uHBPg8MmRfxyBCUVRji7SxM2zBD
+            MDCA2EA2KPRZAW6S6NKYAY29WBPRGP...ZO7UHBPG8MMRFXYBCUVRJI7SXM2ZBD
           </dd>
            
           <dt
@@ -1151,14 +1151,14 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
               class="details-list__term-layout"
             >
                
-              staked amount
+              Locked Stake Amount
             </div>
           </dt>
            
           <dd
             class="details-list__definition details-list__definition--table"
           >
-            500,000
+            0
              DUSK
           </dd>
            
@@ -1169,14 +1169,14 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
               class="details-list__term-layout"
             >
                
-              Reclaimable Staked Amount
+              Reclaimable Stake Amount
             </div>
           </dt>
            
           <dd
             class="details-list__definition details-list__definition--table"
           >
-            0
+            500,000,000,000,000
              DUSK
           </dd>
            
@@ -1187,7 +1187,7 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
               class="details-list__term-layout"
             >
                
-              slashes
+              Soft Slashes
             </div>
           </dt>
            
@@ -1204,7 +1204,7 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
               class="details-list__term-layout"
             >
                
-              hard slashes
+              Hard Slashes
             </div>
           </dt>
            
@@ -1250,7 +1250,7 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
           <dd
             class="details-list__definition details-list__definition--table"
           >
-            mgmcqkk1VFfsa1ko7ydBjhVuM9WuVF...BZHUcEWDB1wsvV5avoC2xddxLvEDVP
+            MGMCQKK1VFFSA1KO7YDBJHVUM9WUVF...BZHUCEWDB1WSVV5AVOC2XDDXLVEDVP
           </dd>
            
           <dt
@@ -1260,14 +1260,14 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
               class="details-list__term-layout"
             >
                
-              staked amount
+              Locked Stake Amount
             </div>
           </dt>
            
           <dd
             class="details-list__definition details-list__definition--table"
           >
-            500,000
+            0
              DUSK
           </dd>
            
@@ -1278,14 +1278,14 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
               class="details-list__term-layout"
             >
                
-              Reclaimable Staked Amount
+              Reclaimable Stake Amount
             </div>
           </dt>
            
           <dd
             class="details-list__definition details-list__definition--table"
           >
-            0
+            500,000,000,000,000
              DUSK
           </dd>
            
@@ -1296,7 +1296,7 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
               class="details-list__term-layout"
             >
                
-              slashes
+              Soft Slashes
             </div>
           </dt>
            
@@ -1313,7 +1313,7 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
               class="details-list__term-layout"
             >
                
-              hard slashes
+              Hard Slashes
             </div>
           </dt>
            
@@ -1359,7 +1359,7 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
           <dd
             class="details-list__definition details-list__definition--table"
           >
-            mvft6AXjR1mDtg1Qo3GzGBKZAvvxY1...sY6HjCeDJ9pKfJLdjayAfrxEyudvx2
+            MVFT6AXJR1MDTG1QO3GZGBKZAVVXY1...SY6HJCEDJ9PKFJLDJAYAFRXEYUDVX2
           </dd>
            
           <dt
@@ -1369,7 +1369,7 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
               class="details-list__term-layout"
             >
                
-              staked amount
+              Locked Stake Amount
             </div>
           </dt>
            
@@ -1387,7 +1387,7 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
               class="details-list__term-layout"
             >
                
-              Reclaimable Staked Amount
+              Reclaimable Stake Amount
             </div>
           </dt>
            
@@ -1405,7 +1405,7 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
               class="details-list__term-layout"
             >
                
-              slashes
+              Soft Slashes
             </div>
           </dt>
            
@@ -1422,7 +1422,7 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
               class="details-list__term-layout"
             >
                
-              hard slashes
+              Hard Slashes
             </div>
           </dt>
            
@@ -1468,7 +1468,7 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
           <dd
             class="details-list__definition details-list__definition--table"
           >
-            mvsVWvCaiHtugFDx1VmDCX5Zeex1u1...zUMDyeWVgrE1CfbGCaYvcdeSzHCUUb
+            MVSVWVCAIHTUGFDX1VMDCX5ZEEX1U1...ZUMDYEWVGRE1CFBGCAYVCDESZHCUUB
           </dd>
            
           <dt
@@ -1478,14 +1478,14 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
               class="details-list__term-layout"
             >
                
-              staked amount
+              Locked Stake Amount
             </div>
           </dt>
            
           <dd
             class="details-list__definition details-list__definition--table"
           >
-            4,550
+            0
              DUSK
           </dd>
            
@@ -1496,14 +1496,14 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
               class="details-list__term-layout"
             >
                
-              Reclaimable Staked Amount
+              Reclaimable Stake Amount
             </div>
           </dt>
            
           <dd
             class="details-list__definition details-list__definition--table"
           >
-            0
+            4,550,000,000,000
              DUSK
           </dd>
            
@@ -1514,7 +1514,7 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
               class="details-list__term-layout"
             >
                
-              slashes
+              Soft Slashes
             </div>
           </dt>
            
@@ -1531,7 +1531,7 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
               class="details-list__term-layout"
             >
                
-              hard slashes
+              Hard Slashes
             </div>
           </dt>
            
@@ -1577,7 +1577,7 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
           <dd
             class="details-list__definition details-list__definition--table"
           >
-            n2DPucZgNznPCfhRfAS8aHQUktJYZ9...VogBzbDNKwS6GhaRRR9f95PUxRwtD1
+            N2DPUCZGNZNPCFHRFAS8AHQUKTJYZ9...VOGBZBDNKWS6GHARRR9F95PUXRWTD1
           </dd>
            
           <dt
@@ -1587,14 +1587,14 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
               class="details-list__term-layout"
             >
                
-              staked amount
+              Locked Stake Amount
             </div>
           </dt>
            
           <dd
             class="details-list__definition details-list__definition--table"
           >
-            500,000
+            0
              DUSK
           </dd>
            
@@ -1605,14 +1605,14 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
               class="details-list__term-layout"
             >
                
-              Reclaimable Staked Amount
+              Reclaimable Stake Amount
             </div>
           </dt>
            
           <dd
             class="details-list__definition details-list__definition--table"
           >
-            0
+            500,000,000,000,000
              DUSK
           </dd>
            
@@ -1623,7 +1623,7 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
               class="details-list__term-layout"
             >
                
-              slashes
+              Soft Slashes
             </div>
           </dt>
            
@@ -1640,7 +1640,7 @@ exports[`Provisioners page > should render the Provisioners page with the mobile
               class="details-list__term-layout"
             >
                
-              hard slashes
+              Hard Slashes
             </div>
           </dt>
            
@@ -1774,14 +1774,7 @@ exports[`Provisioners page > should render the Provisioners page, start polling
               <th
                 class="table__header-cell"
               >
-                Staked Amount (DUSK)
-              </th>
-              
-               
-              <th
-                class="table__header-cell"
-              >
-                Reclaimable Staked Amount (DUSK)
+                Stake Amount (DUSK)
               </th>
               
                
@@ -1792,13 +1785,6 @@ exports[`Provisioners page > should render the Provisioners page, start polling
               </th>
               
                
-              <th
-                class="table__header-cell"
-              >
-                Hard Slashes
-              </th>
-              
-               
               <th
                 class="table__header-cell"
               >
@@ -1825,13 +1811,22 @@ exports[`Provisioners page > should render the Provisioners page, start polling
               <td
                 class="table__data-cell"
               >
+                <b
+                  class="provisioners-table__staked-amount-type-label"
+                >
+                  Reclaimable:
+                </b>
+                 
                 500,000
-              </td>
-              
-               
-              <td
-                class="table__data-cell"
-              >
+                 
+                <br />
+                 
+                <b
+                  class="provisioners-table__staked-amount-type-label"
+                >
+                  Locked:
+                </b>
+                 
                 0
               </td>
               
@@ -1839,13 +1834,22 @@ exports[`Provisioners page > should render the Provisioners page, start polling
               <td
                 class="table__data-cell"
               >
+                <b
+                  class="provisioners-table__slash-type-label"
+                >
+                  Soft:
+                </b>
+                 
                 0
-              </td>
-              
-               
-              <td
-                class="table__data-cell"
-              >
+                 
+                <br />
+                 
+                <b
+                  class="provisioners-table__slash-type-label"
+                >
+                  Hard:
+                </b>
+                 
                 0
               </td>
               
@@ -1872,13 +1876,22 @@ exports[`Provisioners page > should render the Provisioners page, start polling
               <td
                 class="table__data-cell"
               >
+                <b
+                  class="provisioners-table__staked-amount-type-label"
+                >
+                  Reclaimable:
+                </b>
+                 
                 500,000
-              </td>
-              
-               
-              <td
-                class="table__data-cell"
-              >
+                 
+                <br />
+                 
+                <b
+                  class="provisioners-table__staked-amount-type-label"
+                >
+                  Locked:
+                </b>
+                 
                 0
               </td>
               
@@ -1886,13 +1899,22 @@ exports[`Provisioners page > should render the Provisioners page, start polling
               <td
                 class="table__data-cell"
               >
+                <b
+                  class="provisioners-table__slash-type-label"
+                >
+                  Soft:
+                </b>
+                 
                 0
-              </td>
-              
-               
-              <td
-                class="table__data-cell"
-              >
+                 
+                <br />
+                 
+                <b
+                  class="provisioners-table__slash-type-label"
+                >
+                  Hard:
+                </b>
+                 
                 0
               </td>
               
@@ -1919,13 +1941,22 @@ exports[`Provisioners page > should render the Provisioners page, start polling
               <td
                 class="table__data-cell"
               >
+                <b
+                  class="provisioners-table__staked-amount-type-label"
+                >
+                  Reclaimable:
+                </b>
+                 
                 4,800
-              </td>
-              
-               
-              <td
-                class="table__data-cell"
-              >
+                 
+                <br />
+                 
+                <b
+                  class="provisioners-table__staked-amount-type-label"
+                >
+                  Locked:
+                </b>
+                 
                 0
               </td>
               
@@ -1933,13 +1964,22 @@ exports[`Provisioners page > should render the Provisioners page, start polling
               <td
                 class="table__data-cell"
               >
+                <b
+                  class="provisioners-table__slash-type-label"
+                >
+                  Soft:
+                </b>
+                 
                 0
-              </td>
-              
-               
-              <td
-                class="table__data-cell"
-              >
+                 
+                <br />
+                 
+                <b
+                  class="provisioners-table__slash-type-label"
+                >
+                  Hard:
+                </b>
+                 
                 0
               </td>
               
@@ -1966,13 +2006,22 @@ exports[`Provisioners page > should render the Provisioners page, start polling
               <td
                 class="table__data-cell"
               >
+                <b
+                  class="provisioners-table__staked-amount-type-label"
+                >
+                  Reclaimable:
+                </b>
+                 
                 1,234
-              </td>
-              
-               
-              <td
-                class="table__data-cell"
-              >
+                 
+                <br />
+                 
+                <b
+                  class="provisioners-table__staked-amount-type-label"
+                >
+                  Locked:
+                </b>
+                 
                 0
               </td>
               
@@ -1980,13 +2029,22 @@ exports[`Provisioners page > should render the Provisioners page, start polling
               <td
                 class="table__data-cell"
               >
+                <b
+                  class="provisioners-table__slash-type-label"
+                >
+                  Soft:
+                </b>
+                 
                 0
-              </td>
-              
-               
-              <td
-                class="table__data-cell"
-              >
+                 
+                <br />
+                 
+                <b
+                  class="provisioners-table__slash-type-label"
+                >
+                  Hard:
+                </b>
+                 
                 0
               </td>
               
@@ -2013,13 +2071,22 @@ exports[`Provisioners page > should render the Provisioners page, start polling
               <td
                 class="table__data-cell"
               >
+                <b
+                  class="provisioners-table__staked-amount-type-label"
+                >
+                  Reclaimable:
+                </b>
+                 
                 500,000
-              </td>
-              
-               
-              <td
-                class="table__data-cell"
-              >
+                 
+                <br />
+                 
+                <b
+                  class="provisioners-table__staked-amount-type-label"
+                >
+                  Locked:
+                </b>
+                 
                 0
               </td>
               
@@ -2027,13 +2094,22 @@ exports[`Provisioners page > should render the Provisioners page, start polling
               <td
                 class="table__data-cell"
               >
+                <b
+                  class="provisioners-table__slash-type-label"
+                >
+                  Soft:
+                </b>
+                 
                 0
-              </td>
-              
-               
-              <td
-                class="table__data-cell"
-              >
+                 
+                <br />
+                 
+                <b
+                  class="provisioners-table__slash-type-label"
+                >
+                  Hard:
+                </b>
+                 
                 0
               </td>
               
@@ -2060,13 +2136,22 @@ exports[`Provisioners page > should render the Provisioners page, start polling
               <td
                 class="table__data-cell"
               >
+                <b
+                  class="provisioners-table__staked-amount-type-label"
+                >
+                  Reclaimable:
+                </b>
+                 
                 4,800
-              </td>
-              
-               
-              <td
-                class="table__data-cell"
-              >
+                 
+                <br />
+                 
+                <b
+                  class="provisioners-table__staked-amount-type-label"
+                >
+                  Locked:
+                </b>
+                 
                 0
               </td>
               
@@ -2074,13 +2159,22 @@ exports[`Provisioners page > should render the Provisioners page, start polling
               <td
                 class="table__data-cell"
               >
+                <b
+                  class="provisioners-table__slash-type-label"
+                >
+                  Soft:
+                </b>
+                 
                 0
-              </td>
-              
-               
-              <td
-                class="table__data-cell"
-              >
+                 
+                <br />
+                 
+                <b
+                  class="provisioners-table__slash-type-label"
+                >
+                  Hard:
+                </b>
+                 
                 0
               </td>
               
@@ -2107,13 +2201,22 @@ exports[`Provisioners page > should render the Provisioners page, start polling
               <td
                 class="table__data-cell"
               >
+                <b
+                  class="provisioners-table__staked-amount-type-label"
+                >
+                  Reclaimable:
+                </b>
+                 
                 500,000
-              </td>
-              
-               
-              <td
-                class="table__data-cell"
-              >
+                 
+                <br />
+                 
+                <b
+                  class="provisioners-table__staked-amount-type-label"
+                >
+                  Locked:
+                </b>
+                 
                 0
               </td>
               
@@ -2121,13 +2224,22 @@ exports[`Provisioners page > should render the Provisioners page, start polling
               <td
                 class="table__data-cell"
               >
+                <b
+                  class="provisioners-table__slash-type-label"
+                >
+                  Soft:
+                </b>
+                 
                 0
-              </td>
-              
-               
-              <td
-                class="table__data-cell"
-              >
+                 
+                <br />
+                 
+                <b
+                  class="provisioners-table__slash-type-label"
+                >
+                  Hard:
+                </b>
+                 
                 0
               </td>
               
@@ -2154,13 +2266,22 @@ exports[`Provisioners page > should render the Provisioners page, start polling
               <td
                 class="table__data-cell"
               >
+                <b
+                  class="provisioners-table__staked-amount-type-label"
+                >
+                  Reclaimable:
+                </b>
+                 
                 1,000
-              </td>
-              
-               
-              <td
-                class="table__data-cell"
-              >
+                 
+                <br />
+                 
+                <b
+                  class="provisioners-table__staked-amount-type-label"
+                >
+                  Locked:
+                </b>
+                 
                 0
               </td>
               
@@ -2168,13 +2289,22 @@ exports[`Provisioners page > should render the Provisioners page, start polling
               <td
                 class="table__data-cell"
               >
+                <b
+                  class="provisioners-table__slash-type-label"
+                >
+                  Soft:
+                </b>
+                 
                 0
-              </td>
-              
-               
-              <td
-                class="table__data-cell"
-              >
+                 
+                <br />
+                 
+                <b
+                  class="provisioners-table__slash-type-label"
+                >
+                  Hard:
+                </b>
+                 
                 0
               </td>
               
@@ -2201,13 +2331,22 @@ exports[`Provisioners page > should render the Provisioners page, start polling
               <td
                 class="table__data-cell"
               >
+                <b
+                  class="provisioners-table__staked-amount-type-label"
+                >
+                  Reclaimable:
+                </b>
+                 
                 500,000
-              </td>
-              
-               
-              <td
-                class="table__data-cell"
-              >
+                 
+                <br />
+                 
+                <b
+                  class="provisioners-table__staked-amount-type-label"
+                >
+                  Locked:
+                </b>
+                 
                 0
               </td>
               
@@ -2215,13 +2354,22 @@ exports[`Provisioners page > should render the Provisioners page, start polling
               <td
                 class="table__data-cell"
               >
+                <b
+                  class="provisioners-table__slash-type-label"
+                >
+                  Soft:
+                </b>
+                 
                 0
-              </td>
-              
-               
-              <td
-                class="table__data-cell"
-              >
+                 
+                <br />
+                 
+                <b
+                  class="provisioners-table__slash-type-label"
+                >
+                  Hard:
+                </b>
+                 
                 0
               </td>
               
@@ -2248,13 +2396,22 @@ exports[`Provisioners page > should render the Provisioners page, start polling
               <td
                 class="table__data-cell"
               >
+                <b
+                  class="provisioners-table__staked-amount-type-label"
+                >
+                  Reclaimable:
+                </b>
+                 
                 500,000
-              </td>
-              
-               
-              <td
-                class="table__data-cell"
-              >
+                 
+                <br />
+                 
+                <b
+                  class="provisioners-table__staked-amount-type-label"
+                >
+                  Locked:
+                </b>
+                 
                 0
               </td>
               
@@ -2262,13 +2419,22 @@ exports[`Provisioners page > should render the Provisioners page, start polling
               <td
                 class="table__data-cell"
               >
+                <b
+                  class="provisioners-table__slash-type-label"
+                >
+                  Soft:
+                </b>
+                 
                 0
-              </td>
-              
-               
-              <td
-                class="table__data-cell"
-              >
+                 
+                <br />
+                 
+                <b
+                  class="provisioners-table__slash-type-label"
+                >
+                  Hard:
+                </b>
+                 
                 0
               </td>
               
@@ -2295,13 +2461,22 @@ exports[`Provisioners page > should render the Provisioners page, start polling
               <td
                 class="table__data-cell"
               >
+                <b
+                  class="provisioners-table__staked-amount-type-label"
+                >
+                  Reclaimable:
+                </b>
+                 
                 500,000
-              </td>
-              
-               
-              <td
-                class="table__data-cell"
-              >
+                 
+                <br />
+                 
+                <b
+                  class="provisioners-table__staked-amount-type-label"
+                >
+                  Locked:
+                </b>
+                 
                 0
               </td>
               
@@ -2309,13 +2484,22 @@ exports[`Provisioners page > should render the Provisioners page, start polling
               <td
                 class="table__data-cell"
               >
+                <b
+                  class="provisioners-table__slash-type-label"
+                >
+                  Soft:
+                </b>
+                 
                 0
-              </td>
-              
-               
-              <td
-                class="table__data-cell"
-              >
+                 
+                <br />
+                 
+                <b
+                  class="provisioners-table__slash-type-label"
+                >
+                  Hard:
+                </b>
+                 
                 0
               </td>
               
@@ -2342,13 +2526,22 @@ exports[`Provisioners page > should render the Provisioners page, start polling
               <td
                 class="table__data-cell"
               >
+                <b
+                  class="provisioners-table__staked-amount-type-label"
+                >
+                  Reclaimable:
+                </b>
+                 
                 500,000
-              </td>
-              
-               
-              <td
-                class="table__data-cell"
-              >
+                 
+                <br />
+                 
+                <b
+                  class="provisioners-table__staked-amount-type-label"
+                >
+                  Locked:
+                </b>
+                 
                 0
               </td>
               
@@ -2356,13 +2549,22 @@ exports[`Provisioners page > should render the Provisioners page, start polling
               <td
                 class="table__data-cell"
               >
+                <b
+                  class="provisioners-table__slash-type-label"
+                >
+                  Soft:
+                </b>
+                 
                 0
-              </td>
-              
-               
-              <td
-                class="table__data-cell"
-              >
+                 
+                <br />
+                 
+                <b
+                  class="provisioners-table__slash-type-label"
+                >
+                  Hard:
+                </b>
+                 
                 0
               </td>
               
@@ -2389,13 +2591,22 @@ exports[`Provisioners page > should render the Provisioners page, start polling
               <td
                 class="table__data-cell"
               >
+                <b
+                  class="provisioners-table__staked-amount-type-label"
+                >
+                  Reclaimable:
+                </b>
+                 
                 0
-              </td>
-              
-               
-              <td
-                class="table__data-cell"
-              >
+                 
+                <br />
+                 
+                <b
+                  class="provisioners-table__staked-amount-type-label"
+                >
+                  Locked:
+                </b>
+                 
                 0
               </td>
               
@@ -2403,13 +2614,22 @@ exports[`Provisioners page > should render the Provisioners page, start polling
               <td
                 class="table__data-cell"
               >
+                <b
+                  class="provisioners-table__slash-type-label"
+                >
+                  Soft:
+                </b>
+                 
                 0
-              </td>
-              
-               
-              <td
-                class="table__data-cell"
-              >
+                 
+                <br />
+                 
+                <b
+                  class="provisioners-table__slash-type-label"
+                >
+                  Hard:
+                </b>
+                 
                 0
               </td>
               
@@ -2436,13 +2656,22 @@ exports[`Provisioners page > should render the Provisioners page, start polling
               <td
                 class="table__data-cell"
               >
+                <b
+                  class="provisioners-table__staked-amount-type-label"
+                >
+                  Reclaimable:
+                </b>
+                 
                 4,550
-              </td>
-              
-               
-              <td
-                class="table__data-cell"
-              >
+                 
+                <br />
+                 
+                <b
+                  class="provisioners-table__staked-amount-type-label"
+                >
+                  Locked:
+                </b>
+                 
                 0
               </td>
               
@@ -2450,13 +2679,22 @@ exports[`Provisioners page > should render the Provisioners page, start polling
               <td
                 class="table__data-cell"
               >
+                <b
+                  class="provisioners-table__slash-type-label"
+                >
+                  Soft:
+                </b>
+                 
                 0
-              </td>
-              
-               
-              <td
-                class="table__data-cell"
-              >
+                 
+                <br />
+                 
+                <b
+                  class="provisioners-table__slash-type-label"
+                >
+                  Hard:
+                </b>
+                 
                 0
               </td>
               
@@ -2483,13 +2721,22 @@ exports[`Provisioners page > should render the Provisioners page, start polling
               <td
                 class="table__data-cell"
               >
+                <b
+                  class="provisioners-table__staked-amount-type-label"
+                >
+                  Reclaimable:
+                </b>
+                 
                 500,000
-              </td>
-              
-               
-              <td
-                class="table__data-cell"
-              >
+                 
+                <br />
+                 
+                <b
+                  class="provisioners-table__staked-amount-type-label"
+                >
+                  Locked:
+                </b>
+                 
                 0
               </td>
               
@@ -2497,13 +2744,22 @@ exports[`Provisioners page > should render the Provisioners page, start polling
               <td
                 class="table__data-cell"
               >
+                <b
+                  class="provisioners-table__slash-type-label"
+                >
+                  Soft:
+                </b>
+                 
                 0
-              </td>
-              
-               
-              <td
-                class="table__data-cell"
-              >
+                 
+                <br />
+                 
+                <b
+                  class="provisioners-table__slash-type-label"
+                >
+                  Hard:
+                </b>
+                 
                 0
               </td>