diff --git a/apps/explorer_web/assets/css/app.scss b/apps/explorer_web/assets/css/app.scss
index 68d53c3c91..03e77f4465 100644
--- a/apps/explorer_web/assets/css/app.scss
+++ b/apps/explorer_web/assets/css/app.scss
@@ -19,12 +19,18 @@ $fa-font-path: "~@fortawesome/fontawesome-free/webfonts";
 @import "node_modules/bootstrap/scss/root";
 @import "node_modules/bootstrap/scss/reboot";
 @import "node_modules/bootstrap/scss/grid";
+@import "node_modules/bootstrap/scss/utilities/spacing";
+@import "node_modules/bootstrap/scss/utilities/sizing";
+@import "node_modules/bootstrap/scss/utilities/display";
+@import "node_modules/bootstrap/scss/utilities/flex";
+@import "node_modules/bootstrap/scss/utilities/text";
 
 // Bootstrap Components
 @import "node_modules/bootstrap/scss/dropdown";
 @import "node_modules/bootstrap/scss/transitions";
 @import "node_modules/bootstrap/scss/tables";
 @import "node_modules/bootstrap/scss/nav";
+@import "node_modules/bootstrap/scss/card";
 
 //Custom theme
 @import "theme/theme_ribbon";
diff --git a/apps/explorer_web/assets/css/components/_chain.scss b/apps/explorer_web/assets/css/components/_chain.scss
index 4eeef4e647..ca864a52b6 100644
--- a/apps/explorer_web/assets/css/components/_chain.scss
+++ b/apps/explorer_web/assets/css/components/_chain.scss
@@ -22,14 +22,10 @@
 
 
 .container__stats {
-  @extend %paper;
   display: flex;
-  padding: 15px;
-  width: 100%;
   font-size: 12px;
   text-align: center;
   flex-direction: row;
-  justify-content: space-around;
 
   img {
     display: inline-block;
@@ -39,7 +35,7 @@
   }
 
   svg {
-    width: 30px;
+    height: 30px;
   }
 
   path {
@@ -49,8 +45,6 @@
   .stroke {
     stroke: $primary;
   }
-
-
 }
 
 .graph__squares {
@@ -67,22 +61,11 @@
   }
 }
 
-.graph-flex {
-  font-size: 12px;
-  display: flex;
-  justify-content: space-between;
-  margin-top: 25px;
-  color: $gray-500;
-}
-
 @media (min-width: $explorer-breakpoint-md) {
 
   .container__stats {
-    width: 15%;
-    flex-direction: column;
-    align-content: space-between;
     color: $gray-500;
-    margin: 10px 5px;
+    width: 16.67%;
 
     img {
       display: inline-block;
@@ -90,11 +73,12 @@
       margin-bottom: explorer-size(-2);
       text-align: center;
     }
+  }
 
-    div {
-      flex-grow: 1;
-    }
+  .container__graph {
+    flex-grow: 1;
   }
+
   .chain {
     &__image {
       height: explorer-size(1);
diff --git a/apps/explorer_web/assets/css/components/_footer.scss b/apps/explorer_web/assets/css/components/_footer.scss
index 1aba12669c..8b6878a608 100644
--- a/apps/explorer_web/assets/css/components/_footer.scss
+++ b/apps/explorer_web/assets/css/components/_footer.scss
@@ -5,6 +5,7 @@
   background: $gray-100;
   color:$gray-600;
   text-align: center;
+  margin-top: 15px;
   padding: 14px;
   height: 50px;
 
diff --git a/apps/explorer_web/assets/css/theme/_poa_variables.scss b/apps/explorer_web/assets/css/theme/_poa_variables.scss
index e0992d5eeb..51ffd7f4f6 100644
--- a/apps/explorer_web/assets/css/theme/_poa_variables.scss
+++ b/apps/explorer_web/assets/css/theme/_poa_variables.scss
@@ -276,7 +276,7 @@ $lead-font-weight:            300 !default;
 
 $small-font-size:             80% !default;
 
-$text-muted:                  $gray-600 !default;
+$text-muted:                  $gray-500 !default;
 
 $blockquote-small-color:      $gray-600 !default;
 $blockquote-font-size:        ($font-size-base * 1.25) !default;
diff --git a/apps/explorer_web/assets/css/theme/_theme_ribbon.scss b/apps/explorer_web/assets/css/theme/_theme_ribbon.scss
index 5659eb441b..1b9b792925 100644
--- a/apps/explorer_web/assets/css/theme/_theme_ribbon.scss
+++ b/apps/explorer_web/assets/css/theme/_theme_ribbon.scss
@@ -59,7 +59,7 @@
 
 //Ribbon FLip Syles
 
-.card {
+.ribbon {
     width: 100%;
     height: 100%;
     transition: all .5s;
diff --git a/apps/explorer_web/lib/explorer_web/templates/address/overview.html.eex b/apps/explorer_web/lib/explorer_web/templates/address/overview.html.eex
index a0828756fa..aaddb2be32 100644
--- a/apps/explorer_web/lib/explorer_web/templates/address/overview.html.eex
+++ b/apps/explorer_web/lib/explorer_web/templates/address/overview.html.eex
@@ -1,25 +1,34 @@
-<div>
+<section>
   <h1><%= gettext "Address" %></h1>
-  <h2 data-test="address_detail_hash"><%= @address %></h2>
-</div>
-<div class="panels container__subsection">
-  <div class="panels__container">
-    <table class="table table-responsive-sm table-font">
-      <table class="table table-responsive-sm table-font">
-        <tbody>
-          <tr>
-            <th scope="row"><%= gettext "Balance" %></th>
-            <td class="u-text-right" data-test="address_balance">
-              <div><%= balance(@address) %></div>
-              <div><%= formatted_usd(@address, @exchange_rate) %></div>
-            </td>
-          </tr>
-          <tr>
-            <th scope="row"> <%= gettext "Number of Transactions" %></th>
-            <td class="u-text-right" data-test="transaction_count"><%= Cldr.Number.to_string!(@transaction_count) %></td>
-          </tr>
-        </tbody>
-      </table>
-    </table>
+  <p data-test="address_detail_hash"><%= @address %></p>
+
+  <div class="card mb-3">
+    <div class="card-body">
+      <div class="row">
+        <div class="col-sm-6">
+          <table class="table table-font table-responsive-sm table-horizontal">
+            <tbody>
+              <tr>
+                <th scope="row">
+                  <%= gettext "Balance" %>
+                </th>
+                <td data-test="address_balance">
+                  <%= balance(@address) %> </br>
+                  <%= formatted_usd(@address, @exchange_rate) %>
+                </td>
+              </tr>
+              <tr>
+                <th scope="row">
+                  <%= gettext "Number of Transactions" %>
+                </th>
+                <td data-test="transaction_count">
+                  <%= Cldr.Number.to_string!(@transaction_count) %>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+      </div>
+    </div>
   </div>
-</div>
+</section>
diff --git a/apps/explorer_web/lib/explorer_web/templates/address_internal_transaction/index.html.eex b/apps/explorer_web/lib/explorer_web/templates/address_internal_transaction/index.html.eex
index ce1fb1a8f5..6af7a30f01 100644
--- a/apps/explorer_web/lib/explorer_web/templates/address_internal_transaction/index.html.eex
+++ b/apps/explorer_web/lib/explorer_web/templates/address_internal_transaction/index.html.eex
@@ -1,114 +1,121 @@
-<section class="container__section block">
+<section class="container-fluid">
+
   <%= render ExplorerWeb.AddressView, "overview.html", assigns %>
-  <div>
-    <ul class="nav nav-tabs">
-      <li class="nav-item">
-        <%= link(
-              gettext("Transactions"),
-              class: "nav-link",
-              to: address_transaction_path(@conn, :index, @conn.assigns.locale, @conn.params["address_id"])
-            ) %>
-      </li>
-      <li class="nav-item">
-        <%= link(
-              gettext("Internal Transactions"),
-              class: "nav-link active",
-              "data-test": "internal_transactions_tab_link",
-              to: address_internal_transaction_path(@conn, :index, @conn.assigns.locale, @conn.params["address_id"])
-            ) %>
-      </li>
-    </ul>
-  </div>
-  <div class="panels container__subsection">
-    <div class="dropdown u-float-right u-push-sm">
-      <button data-test="filter_dropdown" class="button button--secondary button--xsmall dropdown-toggle" type="button"
-        id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-        Filter: <%= format_current_filter(@filter) %>
-      </button>
-      <div class="dropdown-menu dropdown-menu-right filter" aria-labelledby="dropdownMenu2">
-        <%= link(
-          gettext("All"),
-          to: address_internal_transaction_path(@conn, :index, @conn.assigns.locale, @conn.params["address_id"]),
-          class: "address__link address__link--active dropdown-item",
-          "data-test": "filter_option"
-        ) %>
-        <%= link(
-          gettext("To"),
-          to: address_internal_transaction_path(
-            @conn,
-            :index,
-            @conn.assigns.locale,
-            @conn.params["address_id"],
-            filter: "to"
-          ),
-          class: "address__link address__link--active dropdown-item",
-          "data-test": "filter_option"
-        ) %>
-        <%= link(
-          gettext("From"),
-          to: address_internal_transaction_path(
-            @conn,
-            :index,
-            @conn.assigns.locale,
-            @conn.params["address_id"],
-            filter: "from"
-          ),
-          class: "address__link address__link--active dropdown-item",
-          "data-test": "filter_option"
-        ) %>
+
+  <section>
+    <div class="card">
+      <div class="card-header">
+        <ul class="nav nav-tabs card-header-tabs">
+          <li class="nav-item">
+            <%= link(
+                  gettext("Transactions"),
+                  class: "nav-link",
+                  to: address_transaction_path(@conn, :index, @conn.assigns.locale, @conn.params["address_id"])
+                ) %>
+          </li>
+          <li class="nav-item">
+            <%= link(
+                  gettext("Internal Transactions"),
+                  class: "nav-link active",
+                  "data-test": "internal_transactions_tab_link",
+                  to: address_internal_transaction_path(@conn, :index, @conn.assigns.locale, @conn.params["address_id"])
+                ) %>
+          </li>
+        </ul>
+      </div>
+      <div class="card-body">
+
+        <%= if length(@page.entries) > 0 do %>
+          <div class="dropdown u-float-right u-push-sm">
+            <button data-test="filter_dropdown" class="button button--secondary button--xsmall dropdown-toggle" type="button"
+              id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+              Filter: <%= format_current_filter(@filter) %>
+            </button>
+            <div class="dropdown-menu dropdown-menu-right filter" aria-labelledby="dropdownMenu2">
+              <%= link(
+                gettext("All"),
+                to: address_internal_transaction_path(@conn, :index, @conn.assigns.locale, @conn.params["address_id"]),
+                class: "address__link address__link--active dropdown-item",
+                "data-test": "filter_option"
+              ) %>
+              <%= link(
+                gettext("To"),
+                to: address_internal_transaction_path(
+                  @conn,
+                  :index,
+                  @conn.assigns.locale,
+                  @conn.params["address_id"],
+                  filter: "to"
+                ),
+                class: "address__link address__link--active dropdown-item",
+                "data-test": "filter_option"
+              ) %>
+              <%= link(
+                gettext("From"),
+                to: address_internal_transaction_path(
+                  @conn,
+                  :index,
+                  @conn.assigns.locale,
+                  @conn.params["address_id"],
+                  filter: "from"
+                ),
+                class: "address__link address__link--active dropdown-item",
+                "data-test": "filter_option"
+              ) %>
+            </div>
+          </div>
+
+          <table class="table table-responsive-sm table-font">
+            <thead>
+              <th><%= gettext "Parent Tx Hash" %></th>
+              <th><%= gettext "Block" %></th>
+              <th><%= gettext "Age" %></th>
+              <th><%= gettext "From" %></th>
+              <th><%= gettext "To" %></th>
+              <th><%= gettext "Value" %></th>
+            </thead>
+            <%= for internal_transaction <- @page do %>
+              <tgroup>
+                <tr data-test="internal_transaction">
+                  <td>
+                    <%= render ExplorerWeb.TransactionView, "_link.html", conn: @conn, transaction: internal_transaction.transaction %>
+                  </td>
+                  <td>
+                    <%= link(internal_transaction.transaction.block,
+                      to: block_path(@conn, :show, @conn.assigns.locale, internal_transaction.transaction.block)
+                      ) %>
+                  </td>
+                  <td><%= ExplorerWeb.BlockView.age(internal_transaction.transaction.block) %></td>
+                  <td>
+                    <%= render ExplorerWeb.AddressView, "_link.html", conn: @conn, address: internal_transaction.from_address %>
+                  </td>
+                  <td>
+                    <%= render ExplorerWeb.AddressView, "_link.html", conn: @conn, address: internal_transaction.to_address %>
+                  </td>
+                  <td><%= ExplorerWeb.TransactionView.value(internal_transaction) %></td>
+                </tr>
+              </tgroup>
+            <% end %>
+          </table>
+        <% else %>
+          <p><%= gettext "There are no Internal Transactions" %></p>
+        <% end %>
       </div>
     </div>
-    <div class="panels__container">
-      <%= if length(@page.entries) > 0 do %>
-        <table class="table table-responsive-sm table-font">
-          <thead>
-            <th><%= gettext "Parent Tx Hash" %></th>
-            <th><%= gettext "Block" %></th>
-            <th><%= gettext "Age" %></th>
-            <th><%= gettext "From" %></th>
-            <th><%= gettext "To" %></th>
-            <th><%= gettext "Value" %></th>
-          </thead>
-          <%= for internal_transaction <- @page do %>
-            <tgroup>
-              <tr data-test="internal_transaction">
-                <td>
-                  <%= render ExplorerWeb.TransactionView, "_link.html", conn: @conn, transaction: internal_transaction.transaction %>
-                </td>
-                <td>
-                  <%= link(internal_transaction.transaction.block,
-                    to: block_path(@conn, :show, @conn.assigns.locale, internal_transaction.transaction.block)
-                    ) %>
-                </td>
-                <td><%= ExplorerWeb.BlockView.age(internal_transaction.transaction.block) %></td>
-                <td>
-                  <%= render ExplorerWeb.AddressView, "_link.html", conn: @conn, address: internal_transaction.from_address %>
-                </td>
-                <td>
-                  <%= render ExplorerWeb.AddressView, "_link.html", conn: @conn, address: internal_transaction.to_address %>
-                </td>
-                <td><%= ExplorerWeb.TransactionView.value(internal_transaction) %></td>
-              </tr>
-            </tgroup>
-          <% end %>
-        </table>
-      <% else %>
-        <p><%= gettext "There are no Internal Transactions" %></p>
-      <% end %>
+
+    <div class="address__pagination">
+      <%= pagination_links(
+        @conn,
+        @page,
+        ["en", @conn.params["address_id"]],
+        distance: 1,
+        filter: @conn.params["filter"],
+        first: true,
+        next: Phoenix.HTML.raw("&rsaquo;"),
+        path: &address_internal_transaction_path/5,
+        previous: Phoenix.HTML.raw("&lsaquo;"),
+        view_style: :bulma
+      ) %>
     </div>
-  </div>
-  <div class="address__pagination">
-    <%= pagination_links(
-      @conn,
-      @page,
-      ["en", @conn.params["address_id"]],
-      distance: 1,
-      filter: @conn.params["filter"],
-      first: true,
-      next: Phoenix.HTML.raw("&rsaquo;"),
-      path: &address_internal_transaction_path/5,
-      previous: Phoenix.HTML.raw("&lsaquo;"),
-      view_style: :bulma
-    ) %>
-  </div>
+  </section>
 </section>
diff --git a/apps/explorer_web/lib/explorer_web/templates/address_transaction/index.html.eex b/apps/explorer_web/lib/explorer_web/templates/address_transaction/index.html.eex
index 601dad730b..30ccbe5e03 100644
--- a/apps/explorer_web/lib/explorer_web/templates/address_transaction/index.html.eex
+++ b/apps/explorer_web/lib/explorer_web/templates/address_transaction/index.html.eex
@@ -1,121 +1,127 @@
-<section class="container__section">
+<section class="container-fluid">
+
   <%= render ExplorerWeb.AddressView, "overview.html", assigns %>
-  <div>
-    <ul class="nav nav-tabs">
-      <li class="nav-item">
-        <%= link(
-              gettext("Transactions"),
-              class: "nav-link active",
-              to: address_transaction_path(@conn, :index, @conn.assigns.locale, @conn.params["address_id"])
-            ) %>
-      </li>
-      <li class="nav-item">
-        <%= link(
-              gettext("Internal Transactions"),
-              class: "nav-link",
-              "data-test": "internal_transactions_tab_link",
-              to: address_internal_transaction_path(@conn, :index, @conn.assigns.locale, @conn.params["address_id"])
-            ) %>
-      </li>
-    </ul>
-  </div>
-  <div class="panels container__subsection">
-    <div class="dropdown u-float-right u-push-sm">
-      <button data-test="filter_dropdown" class="button button--secondary button--xsmall dropdown-toggle" type="button"
-              id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-        Filter: <%= format_current_filter(@filter) %>
-      </button>
-      <div class="dropdown-menu dropdown-menu-right filter" aria-labelledby="dropdownMenu2">
-        <%= link(
-              gettext("All"),
-              to: address_transaction_path(@conn, :index, @conn.assigns.locale, @conn.params["address_id"]),
-              class: "address__link address__link--active dropdown-item",
-              "data-test": "filter_option"
-            ) %>
-        <%= link(
-              gettext("To"),
-              to: address_transaction_path(
-                @conn,
-                :index,
-                @conn.assigns.locale,
-                @conn.params["address_id"],
-                filter: "to"
-              ),
-              class: "address__link address__link--active dropdown-item",
-              "data-test": "filter_option"
-            ) %>
-        <%= link(
-              gettext("From"),
-              to: address_transaction_path(
-                @conn,
-                :index,
-                @conn.assigns.locale,
-                @conn.params["address_id"],
-                filter: "from"
-              ),
-              class: "address__link address__link--active dropdown-item",
-              "data-test": "filter_option"
-            ) %>
+
+  <section>
+    <div class="card">
+      <div class="card-header">
+        <ul class="nav nav-tabs card-header-tabs">
+          <li class="nav-item">
+            <%= link(
+                  gettext("Transactions"),
+                  class: "nav-link active",
+                  to: address_transaction_path(@conn, :index, @conn.assigns.locale, @conn.params["address_id"])
+                ) %>
+          </li>
+          <li class="nav-item">
+            <%= link(
+                  gettext("Internal Transactions"),
+                  class: "nav-link",
+                  "data-test": "internal_transactions_tab_link",
+                  to: address_internal_transaction_path(@conn, :index, @conn.assigns.locale, @conn.params["address_id"])
+                ) %>
+          </li>
+        </ul>
       </div>
-    </div>
-    <div class="panels__container">
-      <table class="table table-responsive-sm table-font">
-        <thead>
-          <tr>
-            <th class="transactions__column-header transactions__column-header--status">
-              <span class="transactions__column-title transactions__column-title--status"><%= gettext "Status" %></span>
-            </th>
-            <th><%= gettext "Hash" %></th>
-            <th><%= gettext "Block" %></th>
-            <th><%= gettext "Age" %></th>
-            <th><%= gettext "From" %></th>
-            <th></th>
-            <th><%= gettext "To" %></th>
-            <th><%= gettext "Value" %> (<%= gettext "Ether" %>)</th>
-            <th><%= gettext "Fee" %></th>
-          </tr>
-        </thead>
-        <tbody>
-          <%= for transaction <- @page.entries do %>
+      <div class="card-body">
+        <div class="dropdown u-float-right u-push-sm">
+          <button data-test="filter_dropdown" class="button button--secondary button--xsmall dropdown-toggle" type="button"
+                  id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+            Filter: <%= format_current_filter(@filter) %>
+          </button>
+          <div class="dropdown-menu dropdown-menu-right filter" aria-labelledby="dropdownMenu2">
+            <%= link(
+                  gettext("All"),
+                  to: address_transaction_path(@conn, :index, @conn.assigns.locale, @conn.params["address_id"]),
+                  class: "address__link address__link--active dropdown-item",
+                  "data-test": "filter_option"
+                ) %>
+            <%= link(
+                  gettext("To"),
+                  to: address_transaction_path(
+                    @conn,
+                    :index,
+                    @conn.assigns.locale,
+                    @conn.params["address_id"],
+                    filter: "to"
+                  ),
+                  class: "address__link address__link--active dropdown-item",
+                  "data-test": "filter_option"
+                ) %>
+            <%= link(
+                  gettext("From"),
+                  to: address_transaction_path(
+                    @conn,
+                    :index,
+                    @conn.assigns.locale,
+                    @conn.params["address_id"],
+                    filter: "from"
+                  ),
+                  class: "address__link address__link--active dropdown-item",
+                  "data-test": "filter_option"
+                ) %>
+          </div>
+        </div>
+
+        <table class="table table-responsive-sm table-font">
+          <thead>
             <tr>
-              <td><div class="transaction__dot transaction__dot--<%= status(transaction) %>"></div></td>
-              <td>
-                <%= render ExplorerWeb.TransactionView, "_link.html", conn: @conn, transaction: transaction %>
-              </td>
-              <td>
-                <%= link(
-                      transaction.block,
-                      to: block_path(@conn, :show, @conn.assigns.locale, transaction.block)
-                    ) %>
-              </td>
-              <td><%= transaction.block.timestamp |> Timex.from_now %></td>
-              <td class="address-cell">
-                <%= render ExplorerWeb.AddressView, "_link.html", conn: @conn, address: transaction.from_address %>
-              </td>
-              <td class="u-text-center"><i class="fas fa-arrow-circle-right"></i></td>
-              <td>
-                <%= render ExplorerWeb.AddressView, "_link.html", conn: @conn, address: transaction.to_address %>
-              </td>
-              <td><%= ExplorerWeb.TransactionView.value(transaction, include_label: false) %></td>
-              <td><%= ExplorerWeb.TransactionView.formatted_fee(transaction, denomination: :ether) %></td>
+              <th class="transactions__column-header transactions__column-header--status">
+                <span class="transactions__column-title transactions__column-title--status"><%= gettext "Status" %></span>
+              </th>
+              <th><%= gettext "Hash" %></th>
+              <th><%= gettext "Block" %></th>
+              <th><%= gettext "Age" %></th>
+              <th><%= gettext "From" %></th>
+              <th></th>
+              <th><%= gettext "To" %></th>
+              <th><%= gettext "Value" %> (<%= gettext "Ether" %>)</th>
+              <th><%= gettext "Fee" %></th>
             </tr>
-          <% end %>
-        </tbody>
-      </table>
+          </thead>
+          <tbody>
+            <%= for transaction <- @page.entries do %>
+              <tr>
+                <td><div class="transaction__dot transaction__dot--<%= status(transaction) %>"></div></td>
+                <td>
+                  <%= render ExplorerWeb.TransactionView, "_link.html", conn: @conn, transaction: transaction %>
+                </td>
+                <td>
+                  <%= link(
+                        transaction.block,
+                        to: block_path(@conn, :show, @conn.assigns.locale, transaction.block)
+                      ) %>
+                </td>
+                <td><%= transaction.block.timestamp |> Timex.from_now %></td>
+                <td class="address-cell">
+                  <%= render ExplorerWeb.AddressView, "_link.html", conn: @conn, address: transaction.from_address %>
+                </td>
+                <td class="u-text-center"><i class="fas fa-arrow-circle-right"></i></td>
+                <td>
+                  <%= render ExplorerWeb.AddressView, "_link.html", conn: @conn, address: transaction.to_address %>
+                </td>
+                <td><%= ExplorerWeb.TransactionView.value(transaction, include_label: false) %></td>
+                <td><%= ExplorerWeb.TransactionView.formatted_fee(transaction, denomination: :ether) %></td>
+              </tr>
+            <% end %>
+          </tbody>
+        </table>
+      </div>
+    </div>
+
+    <div class="address__pagination">
+      <%= pagination_links(
+            @conn,
+            @page,
+            ["en", @conn.params["address_id"]],
+            distance: 1,
+            filter: @conn.params["filter"],
+            first: true,
+            next: Phoenix.HTML.raw("&rsaquo;"),
+            path: &address_transaction_path/5,
+            previous: Phoenix.HTML.raw("&lsaquo;"),
+            view_style: :bulma
+          ) %>
     </div>
-  </div>
-  <div class="address__pagination">
-    <%= pagination_links(
-          @conn,
-          @page,
-          ["en", @conn.params["address_id"]],
-          distance: 1,
-          filter: @conn.params["filter"],
-          first: true,
-          next: Phoenix.HTML.raw("&rsaquo;"),
-          path: &address_transaction_path/5,
-          previous: Phoenix.HTML.raw("&lsaquo;"),
-          view_style: :bulma
-        ) %>
-  </div>
+  </section>
 </section>
diff --git a/apps/explorer_web/lib/explorer_web/templates/block/index.html.eex b/apps/explorer_web/lib/explorer_web/templates/block/index.html.eex
index 7ebcad2c9e..5a6765ca05 100644
--- a/apps/explorer_web/lib/explorer_web/templates/block/index.html.eex
+++ b/apps/explorer_web/lib/explorer_web/templates/block/index.html.eex
@@ -1,4 +1,4 @@
-<section class="container__section">
+<section class="container-fluid">
   <div>
     <h1>Blocks</h1>
     <p>
@@ -9,8 +9,8 @@
           ) %>
     </p>
   </div>
-  <div class="panels container__subsection">
-    <div class="panels__container">
+  <div class="card">
+    <div class="card-body">
       <table class="table table-responsive-sm table-font">
         <thead>
           <tr>
diff --git a/apps/explorer_web/lib/explorer_web/templates/block_transaction/index.html.eex b/apps/explorer_web/lib/explorer_web/templates/block_transaction/index.html.eex
index 5ffa4b3fb4..6a8d7368f2 100644
--- a/apps/explorer_web/lib/explorer_web/templates/block_transaction/index.html.eex
+++ b/apps/explorer_web/lib/explorer_web/templates/block_transaction/index.html.eex
@@ -1,188 +1,195 @@
-<section class="container__section">
-  <div>
+<section class="container-fluid">
+  <section>
     <h1><%= gettext("Block Details") %></h1>
-    <h2 data-test="block_detail_number"><%= @block.number %></h2>
-  </div>
-  <div class="panels container__subsection">
-    <div class="panels__container row">
-      <div class="col-lg-6">
-        <table class="table table-font table-responsive-sm table-horizontal">
-          <tbody>
-            <tr>
-              <th scope="row">
-                <%= gettext "Timestamp" %>
-              </th>
-              <td>
-                <%= age(@block) %> (<%= formatted_timestamp(@block) %>)
-              </td>
-            </tr>
-            <tr>
-              <th scope="row">
-                <%= gettext "Transaction" %>
-              </th>
-              <td>
-                <%= gettext "%{count} transactions in this block", count: @block_transaction_count %>
-              </td>
-            </tr>
-            <tr>
-              <th scope="row">
-                <%= gettext "Hash" %>
-              </th>
-              <td title="<%= @block.hash %>">
-                <%= @block.hash %>
-              </td>
-            </tr>
-            <tr>
-              <th scope="row">
-                <%= gettext "Parent Hash" %>
-              </th>
-              <td title="<%= @block.parent_hash %>">
-                <%= link(
-                      @block.parent_hash,
-                      class: "block__link",
-                      to: block_path(@conn, :show, @conn.assigns.locale, @block.number - 1)
-                    ) %>
-              </td>
-            </tr>
-            <tr>
-              <th scope="row">
-                <%= gettext "Miner" %>
-              </th>
-              <td title="<%= @block.miner %>">
-                <%= @block.miner %>
-              </td>
-            </tr>
-            <tr>
-              <th scope="row">
-                <%= gettext "Difficulty" %>
-              </th>
-              <td title="<%= @block.difficulty %>">
-              <%= @block.difficulty |> Cldr.Number.to_string! %>
-              </td>
-            </tr>
-          </tbody>
-        </table>
+    <p data-test="block_detail_number"><%= @block.number %></p>
+
+    <div class="card mb-3">
+      <div class="card-body">
+        <div class="row">
+          <div class="col-lg-6">
+            <table class="table table-font table-responsive-sm table-horizontal">
+              <tbody>
+                <tr>
+                  <th scope="row">
+                    <%= gettext "Timestamp" %>
+                  </th>
+                  <td>
+                    <%= age(@block) %> (<%= formatted_timestamp(@block) %>)
+                  </td>
+                </tr>
+                <tr>
+                  <th scope="row">
+                    <%= gettext "Transaction" %>
+                  </th>
+                  <td>
+                    <%= gettext "%{count} transactions in this block", count: @block_transaction_count %>
+                  </td>
+                </tr>
+                <tr>
+                  <th scope="row">
+                    <%= gettext "Hash" %>
+                  </th>
+                  <td title="<%= @block.hash %>">
+                    <%= @block.hash %>
+                  </td>
+                </tr>
+                <tr>
+                  <th scope="row">
+                    <%= gettext "Parent Hash" %>
+                  </th>
+                  <td title="<%= @block.parent_hash %>">
+                    <%= link(
+                          @block.parent_hash,
+                          class: "block__link",
+                          to: block_path(@conn, :show, @conn.assigns.locale, @block.number - 1)
+                        ) %>
+                  </td>
+                </tr>
+                <tr>
+                  <th scope="row">
+                    <%= gettext "Miner" %>
+                  </th>
+                  <td title="<%= @block.miner %>">
+                    <%= @block.miner %>
+                  </td>
+                </tr>
+                <tr>
+                  <th scope="row">
+                    <%= gettext "Difficulty" %>
+                  </th>
+                  <td title="<%= @block.difficulty %>">
+                  <%= @block.difficulty |> Cldr.Number.to_string! %>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+          <div class="col-lg-6">
+            <table class="table table-font table-responsive-sm table-horizontal">
+              <tbody>
+                <tr>
+                  <th scope="row">
+                    <%= gettext "Total Difficulty" %>
+                  </th>
+                  <td title="<%= @block.total_difficulty %>">
+                    <%= @block.total_difficulty |> Cldr.Number.to_string! %>
+                  </td>
+                </tr>
+                <tr>
+                  <th scope="row">
+                    <%= gettext "Size" %>
+                  </th>
+                  <td>
+                    <%= Cldr.Unit.new(:byte, @block.size) |> Cldr.Unit.to_string! %>
+                  </td>
+                </tr>
+                <tr>
+                  <th scope="row">
+                    <%= gettext "Gas Used" %>
+                  </th>
+                  <td>
+                    <%= @block.gas_used |> Cldr.Number.to_string! %> (<%= (@block.gas_used / @block.gas_limit) |> Cldr.Number.to_string!(format: "#.#%") %>)
+                  </td>
+                </tr>
+                <tr>
+                  <th scope="row">
+                    <%= gettext "Gas Limit" %>
+                  </th>
+                  <td>
+                    <%= @block.gas_limit |> Cldr.Number.to_string! %>
+                  </td>
+                </tr>
+                <tr>
+                  <th scope="Nonce">
+                    <%= gettext "Nonce" %>
+                  </th>
+                  <td>
+                    <%= @block.nonce %>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+        </div>
       </div>
-      <div class="col-lg-6">
-        <table class="table table-font table-responsive-sm table-horizontal">
-          <tbody>
-            <tr>
-              <th scope="row">
-                <%= gettext "Total Difficulty" %>
-              </th>
-              <td title="<%= @block.total_difficulty %>">
-                <%= @block.total_difficulty |> Cldr.Number.to_string! %>
-              </td>
-            </tr>
-            <tr>
-              <th scope="row">
-                <%= gettext "Size" %>
-              </th>
-              <td>
-                <%= Cldr.Unit.new(:byte, @block.size) |> Cldr.Unit.to_string! %>
-              </td>
-            </tr>
-            <tr>
-              <th scope="row">
-                <%= gettext "Gas Used" %>
-              </th>
-              <td>
-                <%= @block.gas_used |> Cldr.Number.to_string! %> (<%= (@block.gas_used / @block.gas_limit) |> Cldr.Number.to_string!(format: "#.#%") %>)
-              </td>
-            </tr>
-            <tr>
-              <th scope="row">
-                <%= gettext "Gas Limit" %>
-              </th>
-              <td>
-                <%= @block.gas_limit |> Cldr.Number.to_string! %>
-              </td>
-            </tr>
+    </div>
+  </section>
+
+  <section>
+    <div class="card mb-3">
+      <div class="card-header">
+        <ul class="nav nav-tabs card-header-tabs">
+          <li class="nav-item">
+            <%= link(
+                  gettext("Transactions"),
+                  class: "nav-link active",
+                  to: block_transaction_path(@conn, :index, @conn.assigns.locale, @conn.params["block_id"])
+                ) %>
+          </li>
+        </ul>
+      </div>
+      <div class="card-body">
+        <table class="table table-responsive-sm table-font">
+          <thead>
             <tr>
-              <th scope="Nonce">
-                <%= gettext "Nonce" %>
+              <th>
+                <%= gettext "Status" %>
               </th>
-              <td>
-                <%= @block.nonce %>
-              </td>
+              <th><%= gettext "Hash" %></th>
+              <th><%= gettext "Block" %></th>
+              <th><%= gettext "Age" %></th>
+              <th><%= gettext "From" %></th>
+              <th></th>
+              <th><%= gettext "To" %></th>
+              <th><%= gettext "Value" %></th>
             </tr>
+          </thead>
+          <tbody>
+            <%= for transaction <- @page.entries do %>
+              <tr>
+                <td>
+                  <div class="transaction__dot transaction__dot--<%= status(transaction) %>"></div>
+                </td>
+                <td>
+                  <%= render ExplorerWeb.TransactionView, "_link.html", conn: @conn, transaction: transaction %>
+                </td>
+                <td>
+                  <%= link(
+                        transaction.block,
+                        to: block_path(@conn, :show, @conn.assigns.locale, transaction.block)
+                      ) %>
+                </td>
+                <td>
+                  <%= transaction.block.timestamp |> Timex.from_now %>
+                </td>
+                <td class="address-cell">
+                  <%= render ExplorerWeb.AddressView, "_link.html", conn: @conn, address: transaction.from_address %>
+                </td>
+                <td class="u-text-center"><i class="fas fa-arrow-circle-right"></i></td>
+                <td>
+                    <%= render ExplorerWeb.AddressView, "_link.html", conn: @conn, address: transaction.to_address %>
+                </td>
+                <td>
+                  <%= ExplorerWeb.TransactionView.value(transaction) %>
+                </td>
+              </tr>
+            <% end %>
           </tbody>
         </table>
       </div>
     </div>
-  </div>
-  <div>
-    <ul class="nav nav-tabs">
-      <li class="nav-item">
-        <%= link(
-              gettext("Transactions"),
-              class: "nav-link active",
-              to: block_transaction_path(@conn, :index, @conn.assigns.locale, @conn.params["block_id"])
-            ) %>
-      </li>
-    </ul>
-  </div>
-  <div class="panels container__subsection">
-    <div class="panels__container">
-      <table class="table table-responsive-sm table-font">
-        <thead>
-          <tr>
-            <th>
-              <%= gettext "Status" %>
-            </th>
-            <th><%= gettext "Hash" %></th>
-            <th><%= gettext "Block" %></th>
-            <th><%= gettext "Age" %></th>
-            <th><%= gettext "From" %></th>
-            <th></th>
-            <th><%= gettext "To" %></th>
-            <th><%= gettext "Value" %></th>
-          </tr>
-        </thead>
-        <tbody>
-          <%= for transaction <- @page.entries do %>
-            <tr>
-              <td>
-                <div class="transaction__dot transaction__dot--<%= status(transaction) %>"></div>
-              </td>
-              <td>
-                <%= render ExplorerWeb.TransactionView, "_link.html", conn: @conn, transaction: transaction %>
-              </td>
-              <td>
-                <%= link(
-                      transaction.block,
-                      to: block_path(@conn, :show, @conn.assigns.locale, transaction.block)
-                    ) %>
-              </td>
-              <td>
-                <%= transaction.block.timestamp |> Timex.from_now %>
-              </td>
-              <td class="address-cell">
-                <%= render ExplorerWeb.AddressView, "_link.html", conn: @conn, address: transaction.from_address %>
-              </td>
-              <td class="u-text-center"><i class="fas fa-arrow-circle-right"></i></td>
-              <td>
-                  <%= render ExplorerWeb.AddressView, "_link.html", conn: @conn, address: transaction.to_address %>
-              </td>
-              <td>
-                <%= ExplorerWeb.TransactionView.value(transaction) %>
-              </td>
-            </tr>
-          <% end %>
-        </tbody>
-      </table>
-    </div>
-  </div>
-  <div class="blocks__pagination">
-    <%= pagination_links(
-          @conn,
-          @page,
-          ["en", @conn.params["block_id"]],
-          distance: 1,
-          first: true,
-          next: Phoenix.HTML.raw("&rsaquo;"),
-          path: &block_transaction_path/5,
-          previous: Phoenix.HTML.raw("&lsaquo;"),
-          view_style: :bulma
-        ) %></div>
+
+    <div class="blocks__pagination">
+      <%= pagination_links(
+            @conn,
+            @page,
+            ["en", @conn.params["block_id"]],
+            distance: 1,
+            first: true,
+            next: Phoenix.HTML.raw("&rsaquo;"),
+            path: &block_transaction_path/5,
+            previous: Phoenix.HTML.raw("&lsaquo;"),
+            view_style: :bulma
+          ) %></div>
+  </section>
 </section>
diff --git a/apps/explorer_web/lib/explorer_web/templates/chain/_blocks.html.eex b/apps/explorer_web/lib/explorer_web/templates/chain/_blocks.html.eex
index 2eba08f53c..4963d97113 100644
--- a/apps/explorer_web/lib/explorer_web/templates/chain/_blocks.html.eex
+++ b/apps/explorer_web/lib/explorer_web/templates/chain/_blocks.html.eex
@@ -1,31 +1,31 @@
-<div class="panels container__subsection container__subsection-chain">
-  <div class="panels__container panels__container--title">
+<div class="card">
+  <div class="card-body">
     <%= link(gettext("View All"), to: block_path(@conn, :index, Gettext.get_locale), class: "button button--secondary button--xsmall u-float-right") %>
-    <h2 class="panels__title"><%= gettext "Blocks" %></h2>
+    <h2 class="card-title"><%= gettext "Blocks" %></h2>
+    <table class="table table-font table-responsive-lg">
+      <thead>
+        <th><%= gettext "Height" %></th>
+        <th><%= gettext "Age" %></th>
+        <th><%= gettext "TXNs" %></th>
+        <th><%= gettext "Gas" %></th>
+        <th><%= gettext "Validator" %></th>
+      </thead>
+      <tbody>
+        <%= for block <- @chain.blocks do %>
+        <tr data-test="chain_block">
+          <td>
+            <img src="<%= static_path(@conn, "/images/block.svg") %>" />
+            <%= link(block, to: block_path(@conn, :show, @conn.assigns.locale, block)) %>
+          </td>
+          <td><%= block.timestamp |> Timex.from_now %></td>
+          <td><%= block.transactions |> Enum.count %></td>
+          <td><%= block.gas_used |> Cldr.Number.to_string! %></td>
+          <td>
+            <%= render ExplorerWeb.AddressView, "_link.html", conn: @conn, address: block.miner %>
+          </td>
+        </tr>
+        <% end %>
+      </tbody>
+    </table>
   </div>
-  <table class="table table-font table-responsive-sm">
-    <thead>
-      <th><%= gettext "Height" %></th>
-      <th><%= gettext "Age" %></th>
-      <th><%= gettext "TXNs" %></th>
-      <th><%= gettext "Gas" %></th>
-      <th><%= gettext "Validator" %></th>
-    </thead>
-    <tbody>
-      <%= for block <- @chain.blocks do %>
-      <tr data-test="chain_block">
-        <td>
-          <img src="<%= static_path(@conn, "/images/block.svg") %>" />
-          <%= link(block, to: block_path(@conn, :show, @conn.assigns.locale, block)) %>
-        </td>
-        <td><%= block.timestamp |> Timex.from_now %></td>
-        <td><%= block.transactions |> Enum.count %></td>
-        <td><%= block.gas_used |> Cldr.Number.to_string! %></td>
-        <td>
-          <%= render ExplorerWeb.AddressView, "_link.html", conn: @conn, address: block.miner %>
-        </td>
-      </tr>
-      <% end %>
-    </tbody>
-  </table>
 </div>
diff --git a/apps/explorer_web/lib/explorer_web/templates/chain/_transactions.html.eex b/apps/explorer_web/lib/explorer_web/templates/chain/_transactions.html.eex
index f9eedac3d1..ed4d1bff71 100644
--- a/apps/explorer_web/lib/explorer_web/templates/chain/_transactions.html.eex
+++ b/apps/explorer_web/lib/explorer_web/templates/chain/_transactions.html.eex
@@ -1,32 +1,32 @@
-<div class="panels container__subsection container__subsection-chain">
-  <div class="panels__container panels__container--title">
+<div class="card">
+  <div class="card-body">
     <%= link(gettext("View All"), to: transaction_path(@conn, :index, Gettext.get_locale), class: "button button--secondary button--xsmall u-float-right") %>
-    <h2 class="panels__title"><%= gettext "Transactions" %></h2>
+    <h2 class="card-title"><%= gettext "Transactions" %></h2>
+    <table class="table table-font table-responsive-lg">
+      <thead>
+        <th><%= gettext "TX Hash" %></th>
+        <th><%= gettext "From" %></th>
+        <th><%= gettext "To" %></th>
+        <th><%= gettext "Value" %> (<%= gettext "Ether" %>)</th>
+        <th><%= gettext "Age" %></th>
+      </thead>
+      <tbody>
+        <%= for transaction <- @chain.transactions do %>
+        <tr data-test="chain_transaction">
+          <td>
+            <%= render ExplorerWeb.TransactionView, "_link.html", conn: @conn, transaction: transaction %>
+          </td>
+          <td>
+            <%= render ExplorerWeb.AddressView, "_link.html", conn: @conn, address: transaction.from_address %>
+          </td>
+          <td>
+            <%= render ExplorerWeb.AddressView, "_link.html", conn: @conn, address: transaction.to_address %>
+          </td>
+          <td><%= ExplorerWeb.TransactionView.value(transaction, include_label: false) %> </td>
+          <td><%= transaction.block.timestamp |> Timex.from_now() %></td>
+        </tr>
+        <% end %>
+      </tbody>
+    </table>
   </div>
-  <table class="table table-font table-responsive-sm">
-    <thead>
-      <th><%= gettext "TX Hash" %></th>
-      <th><%= gettext "From" %></th>
-      <th><%= gettext "To" %></th>
-      <th><%= gettext "Value" %> (<%= gettext "Ether" %>)</th>
-      <th><%= gettext "Age" %></th>
-    </thead>
-    <tbody>
-      <%= for transaction <- @chain.transactions do %>
-      <tr data-test="chain_transaction">
-        <td>
-          <%= render ExplorerWeb.TransactionView, "_link.html", conn: @conn, transaction: transaction %>
-        </td>
-        <td>
-          <%= render ExplorerWeb.AddressView, "_link.html", conn: @conn, address: transaction.from_address %>
-        </td>
-        <td>
-          <%= render ExplorerWeb.AddressView, "_link.html", conn: @conn, address: transaction.to_address %>
-        </td>
-        <td><%= ExplorerWeb.TransactionView.value(transaction, include_label: false) %> </td>
-        <td><%= transaction.block.timestamp |> Timex.from_now() %></td>
-      </tr>
-      <% end %>
-    </tbody>
-  </table>
 </div>
diff --git a/apps/explorer_web/lib/explorer_web/templates/chain/show.html.eex b/apps/explorer_web/lib/explorer_web/templates/chain/show.html.eex
index 756951f1a6..bf9277ffdd 100644
--- a/apps/explorer_web/lib/explorer_web/templates/chain/show.html.eex
+++ b/apps/explorer_web/lib/explorer_web/templates/chain/show.html.eex
@@ -1,49 +1,59 @@
-<section>
-  <section class="container__section container__section--partitioned">
-    <div class="container__stats">
-      <div>
-        <%= render ExplorerWeb.IconsView, "_block_icon.html", assigns %>
-        <div><%= gettext("Block") %></div>
-        <div> #<%= @chain.number %></div>
-      </div>
-      <div>
-        <%= render ExplorerWeb.IconsView, "_hourglass_icon.html", assigns %>
-        <div> <%= gettext("Last Block") %></div>
-        <div> <%= @chain.timestamp |> Timex.from_now() %></div>
-      </div>
-      <div>
-        <div class="stroke"> <%= render ExplorerWeb.IconsView, "_guage_icon.html", assigns %> </div>
-        <div><%= gettext("Avg Block Time") %></div>
-        <%= @chain.average_time |> Timex.format_duration(:humanized) %>
-      </div>
-      <div>
-        <%= render ExplorerWeb.IconsView, "_transaction_icon.html", assigns %>
-        <div> <%= gettext("TPM") %></div>
-        <div> <%= @chain.transaction_velocity |> Cldr.Number.to_string! %></div>
-      </div>
-    </div>
-    <div class="chain container__subsection container__subsection-chain">
-      <canvas data-chart="marketHistoryChart" data-current_exchange_rate ='<%= @exchange_rate.usd_value %>' data-available_supply='<%= @exchange_rate.available_supply %>' data-market_history_data='<%=raw encode_market_history_data(@market_history_data) %>' width="300" height="100"></canvas>
-      <div class="graph-flex">
-        <div class="u-push-md-left">
-          <div class="graph__squares graph__squares--price"></div>
-          <%= gettext "Price" %> </br>
-          <%= format_exchange_rate(@exchange_rate) %>
+<section class="container-fluid">
+  <div class="d-flex flex-md-row flex-column">
+    <div class="container__stats card mr-sm-4 mb-4 mb-sm-0">
+      <div class="card-body d-flex flex-md-column justify-content-around">
+        <div class="d-flex flex-column justify-content-center align-items-center">
+          <%= render ExplorerWeb.IconsView, "_block_icon.html", assigns %>
+          <div><%= gettext("Block") %></div>
+          <div> #<%= @chain.number %></div>
+        </div>
+        <div class="d-flex flex-column justify-content-center align-items-center">
+          <%= render ExplorerWeb.IconsView, "_hourglass_icon.html", assigns %>
+          <div> <%= gettext("Last Block") %></div>
+          <div> <%= @chain.timestamp |> Timex.from_now() %></div>
         </div>
-        <div>
-          <div class="graph__squares graph__squares--mcap"></div>
-          <%= gettext "Market Cap" %> </br>
-          <%= format_market_cap(@exchange_rate) %>
+        <div class="d-flex flex-column justify-content-center align-items-center">
+          <div class="stroke"> <%= render ExplorerWeb.IconsView, "_guage_icon.html", assigns %> </div>
+          <div><%= gettext("Avg Block Time") %></div>
+          <%= @chain.average_time |> Timex.format_duration(:humanized) %>
         </div>
-        <div class="u-push-md-right">
-          <%= gettext "24h Volume" %> </br>
-          <%= format_volume_24h(@exchange_rate) %>
+        <div class="d-flex flex-column justify-content-center align-items-center">
+          <%= render ExplorerWeb.IconsView, "_transaction_icon.html", assigns %>
+          <div> <%= gettext("TPM") %></div>
+          <div> <%= @chain.transaction_velocity |> Cldr.Number.to_string! %></div>
         </div>
       </div>
     </div>
-  </section>
-</section>
-<section class="container__section container__section--partitioned">
-  <%= render ExplorerWeb.ChainView, "_blocks.html", assigns %>
-  <%= render ExplorerWeb.ChainView, "_transactions.html", assigns %>
+
+    <div class="container__graph card">
+      <div class="card-body">
+        <canvas data-chart="marketHistoryChart" data-current_exchange_rate ='<%= @exchange_rate.usd_value %>' data-available_supply='<%= @exchange_rate.available_supply %>' data-market_history_data='<%=raw encode_market_history_data(@market_history_data) %>' width="300" height="100"></canvas>
+        <div class="d-flex justify-content-sm-around mt-2 text-muted">
+          <div>
+            <div class="graph__squares graph__squares--price"></div>
+            <%= gettext "Price" %> </br>
+            $<%= format_exchange_rate(@exchange_rate) %> <%= gettext "USD" %>
+          </div>
+          <div class="mx-2">
+            <div class="graph__squares graph__squares--mcap"></div>
+            <%= gettext "Market Cap" %> </br>
+            $<%= format_market_cap(@exchange_rate) %> <%= gettext "USD" %>
+          </div>
+          <div>
+            <%= gettext "24h Volume" %> </br>
+            $<%= format_volume_24h(@exchange_rate) %> <%= gettext "USD" %>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <div class="row my-4">
+    <div class="col-md-6 mb-4 mb-md-0">
+      <%= render ExplorerWeb.ChainView, "_blocks.html", assigns %>
+    </div>
+    <div class="col-md-6">
+      <%= render ExplorerWeb.ChainView, "_transactions.html", assigns %>
+    </div>
+  </div>
 </section>
diff --git a/apps/explorer_web/lib/explorer_web/templates/layout/_ribbon.html.eex b/apps/explorer_web/lib/explorer_web/templates/layout/_ribbon.html.eex
index 0cc275ce66..15b8bc8677 100644
--- a/apps/explorer_web/lib/explorer_web/templates/layout/_ribbon.html.eex
+++ b/apps/explorer_web/lib/explorer_web/templates/layout/_ribbon.html.eex
@@ -1,5 +1,5 @@
 <div class="theme__ribbon">
-    <div class="front card">
+    <div class="front ribbon">
       <%= link to: chain_path(@conn, :show), "data-test": "header_logo" do %>
         <img class="theme__ribbon--logo" src="<%= static_path(@conn, "/images/poa_logo.svg") %>" />
       <% end %>
@@ -34,7 +34,7 @@
         </button>
       </div>
     </div>
-    <div class="back card">
+    <div class="back ribbon">
       <%= link to: chain_path(@conn, :show) do %>
         <img class="theme__ribbon--logo" src="<%= static_path(@conn, "/images/poa_logo.svg") %>" />
       <% end %>
diff --git a/apps/explorer_web/lib/explorer_web/templates/layout/_sidebar.html.eex b/apps/explorer_web/lib/explorer_web/templates/layout/_sidebar.html.eex
index 56c367dc06..e8f0f6164f 100644
--- a/apps/explorer_web/lib/explorer_web/templates/layout/_sidebar.html.eex
+++ b/apps/explorer_web/lib/explorer_web/templates/layout/_sidebar.html.eex
@@ -5,7 +5,7 @@
         <img class="" src="<%= static_path(@conn, "/images/poa_logo.svg") %>" />
       <% end %>
     </div>
-    <div class="menu-items">
+    <div class="menu-items" role="navigation">
       <div tabindex="0" class="icon-locate">
         <a href="#pageSubmenu" data-toggle="collapse" aria-expanded="false">
           <i class="fa fa-sitemap fa-2x u-nudge-right u-nudge-top"></i>
diff --git a/apps/explorer_web/lib/explorer_web/templates/layout/_topnav.html.eex b/apps/explorer_web/lib/explorer_web/templates/layout/_topnav.html.eex
index 60eaee211e..1a4cfabe28 100644
--- a/apps/explorer_web/lib/explorer_web/templates/layout/_topnav.html.eex
+++ b/apps/explorer_web/lib/explorer_web/templates/layout/_topnav.html.eex
@@ -1,37 +1,36 @@
 <header class="header">
-    <div class="header__row header__row--search">
-      <div class="header__cell header__cell--search">
-        <%= form_for @conn, chain_path(@conn, :search, Gettext.get_locale), [class: "header__cell--search-form", method: :get, enforce_utf8: false], fn f -> %>
-          <i class="header__cell--search-glass fa fa-search"></i>
-          <%= search_input f, :q, class: 'header__cell--search-input', placeholder: gettext("Search by address, transaction hash, or block number"), "data-test": "search_input" %>
-        <% end %>
-      </div>
+  <div class="header__row header__row--search">
+    <div class="header__cell header__cell--search">
+      <%= form_for @conn, chain_path(@conn, :search, Gettext.get_locale), [class: "header__cell--search-form", method: :get, enforce_utf8: false], fn f -> %>
+        <i class="header__cell--search-glass fa fa-search"></i>
+        <%= search_input f, :q, class: 'header__cell--search-input', placeholder: gettext("Search by address, transaction hash, or block number"), "data-test": "search_input" %>
+      <% end %>
     </div>
-    <div class="header__row header__row--topnav">
-      <div class="header__cell header__cell--links" align="right">
-        <%= link to: chain_path(@conn, :show) do %>
-        <div tabindex="0">
-            <i class="fas fa-home fa-2x"></i>
-        </div>
+  </div>
+
+  <nav class="header__row header__row--topnav">
+    <ul class="nav">
+      <li class="nav-item">
+        <%= link to: chain_path(@conn, :show), class: "nav-link" do %>
+          <i class="fas fa-home fa-2x text-muted"></i>
         <% end %>
-      </div>
-      <div class="header__cell header__cell--links" align="right">
-        <%= link to: block_path(@conn, :index, Gettext.get_locale) do %>
-          <div tabindex="0">
-              <img src="<%= static_path(@conn, "/images/block.svg") %>" />
-              <%= gettext("Blocks") %>
-          </div>
+      </li>
+      <li calss="nav-item">
+        <%= link to: block_path(@conn, :index, Gettext.get_locale), class: "nav-link" do %>
+          <img src="<%= static_path(@conn, "/images/block.svg") %>" />
+          <%= gettext("Blocks") %>
         <% end %>
-      </div>
-      <div class="header__cell header__cell--links dropdown">
-        <a class="dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+      </li>
+      <li calss="nav-item dropdown">
+        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
           <img src="<%= static_path(@conn, "/images/transaction.svg") %>" />
           <%= gettext("Transactions") %>
         </a>
-        <div class="dropdown-menu topnav-dropdown" aria-labelledby="navbarDropdown">
-          <%= link(gettext("Validated"), to: transaction_path(@conn, :index, Gettext.get_locale), class: "dropdown-item topnav-dropdown-items")  %>
-          <%= link(gettext("Pending"), to: pending_transaction_path(@conn, :index, Gettext.get_locale), class: "dropdown-item topnav-dropdown-items") %>
+        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+          <%= link(gettext("Validated"), to: transaction_path(@conn, :index, Gettext.get_locale), class: "dropdown-item")  %>
+          <%= link(gettext("Pending"), to: pending_transaction_path(@conn, :index, Gettext.get_locale), class: "dropdown-item") %>
         </div>
-      </div>
-    </div>
+      </li>
+    </ul>
+  </nav>
 </header>
diff --git a/apps/explorer_web/lib/explorer_web/templates/pending_transaction/index.html.eex b/apps/explorer_web/lib/explorer_web/templates/pending_transaction/index.html.eex
index 2be4903e53..e3ef865c36 100644
--- a/apps/explorer_web/lib/explorer_web/templates/pending_transaction/index.html.eex
+++ b/apps/explorer_web/lib/explorer_web/templates/pending_transaction/index.html.eex
@@ -1,14 +1,14 @@
-<section class="container__section">
-    <div>
-      <h1>
-        Transactions
-      </h1>
-      <p>
-        <%= gettext("Showing %{count} Pending Transactions", count: @transaction_count) %>
-      </p>
-    </div>
-    <div>
-      <ul class="nav nav-tabs">
+<section class="container-fluid">
+  <h1>
+    Transactions
+  </h1>
+  <p>
+    <%= gettext("Showing %{count} Pending Transactions", count: @transaction_count) %>
+  </p>
+
+  <div class="card">
+    <div class="card-header">
+      <ul class="nav nav-tabs card-header-tabs">
         <li class="nav-item">
           <%= link(
                 gettext("Validated"),
@@ -25,59 +25,58 @@
         </li>
       </ul>
     </div>
-    <div class="panels container__subsection">
-      <div class="panels__container">
-        <table class="table table-responsive-sm table-font">
-          <thead>
+    <div class="card-body">
+      <table class="table table-responsive-sm table-font">
+        <thead>
+          <tr>
+            <th>
+              <%= gettext "Status" %>
+            </th>
+            <th><%= gettext "Hash" %></th>
+            <th><%= gettext "Last Seen" %></th>
+            <th><%= gettext "From" %></th>
+            <th><%= gettext "To" %></th>
+            <th><%= gettext "Value" %> (<%= gettext "Ether" %>)</th>
+          </tr>
+        </thead>
+        <tbody>
+          <%= for transaction <- @transactions do %>
             <tr>
-              <th>
-                <%= gettext "Status" %>
-              </th>
-              <th><%= gettext "Hash" %></th>
-              <th><%= gettext "Last Seen" %></th>
-              <th><%= gettext "From" %></th>
-              <th><%= gettext "To" %></th>
-              <th><%= gettext "Value" %> (<%= gettext "Ether" %>)</th>
+              <td>
+                <div class="transaction__dot transaction__dot--pending"></div>
+              </td>
+              <td>
+              <%= render ExplorerWeb.TransactionView, "_link.html", conn: @conn, transaction: transaction %>
+              </td>
+              <td><%= last_seen(transaction) %></td>
+              <td>
+                <%= render ExplorerWeb.AddressView, "_link.html", conn: @conn, address: transaction.from_address %>
+              </td>
+              <td>
+                <%= render ExplorerWeb.AddressView, "_link.html", conn: @conn, address: transaction.to_address %>
+              </td>
+              <td>
+              <%= ExplorerWeb.TransactionView.value(transaction, include_label: false) %>
+              </td>
             </tr>
-          </thead>
-          <tbody>
-            <%= for transaction <- @transactions do %>
-              <tr>
-                <td>
-                  <div class="transaction__dot transaction__dot--pending"></div>
-                </td>
-                <td>
-                <%= render ExplorerWeb.TransactionView, "_link.html", conn: @conn, transaction: transaction %>
-                </td>
-                <td><%= last_seen(transaction) %></td>
-                <td>
-                  <%= render ExplorerWeb.AddressView, "_link.html", conn: @conn, address: transaction.from_address %>
-                </td>
-                <td>
-                  <%= render ExplorerWeb.AddressView, "_link.html", conn: @conn, address: transaction.to_address %>
-                </td>
-                <td>
-                <%= ExplorerWeb.TransactionView.value(transaction, include_label: false) %>
-                </td>
-              </tr>
-            <% end %>
-          </tbody>
-        </table>
-      </div>
+          <% end %>
+        </tbody>
+      </table>
     </div>
-    <%= if @last_seen_pending_inserted_at do %>
-      <%= link(
-            gettext("Next Page"),
-            class: "button button--secondary button--sm u-float-right",
-            to: pending_transaction_path(
-              @conn,
-              :index,
-              @conn.assigns.locale,
-              %{
-                 "last_seen_inserted_at" =>
-                   Timex.format!(@last_seen_pending_inserted_at, "{ISO:Extended:Z}")
-              }
-            )
-          ) %>
-    <% end %>
+  </div>
+  <%= if @last_seen_pending_inserted_at do %>
+    <%= link(
+          gettext("Next Page"),
+          class: "button button--secondary button--sm u-float-right mt-3",
+          to: pending_transaction_path(
+            @conn,
+            :index,
+            @conn.assigns.locale,
+            %{
+               "last_seen_inserted_at" =>
+                 Timex.format!(@last_seen_pending_inserted_at, "{ISO:Extended:Z}")
+            }
+          )
+        ) %>
+  <% end %>
 </section>
diff --git a/apps/explorer_web/lib/explorer_web/templates/transaction/index.html.eex b/apps/explorer_web/lib/explorer_web/templates/transaction/index.html.eex
index f3fdf495d3..e512042e3d 100644
--- a/apps/explorer_web/lib/explorer_web/templates/transaction/index.html.eex
+++ b/apps/explorer_web/lib/explorer_web/templates/transaction/index.html.eex
@@ -1,12 +1,14 @@
-  <section class="container__section">
-    <h1>
-      Transactions
-    </h1>
-    <p>
-      <%= gettext("Showing %{count} Validated Transactions", count: @transaction_count) %>
-    </p>
-    <div>
-      <ul class="nav nav-tabs">
+<section class="container-fluid">
+  <h1>
+    Transactions
+  </h1>
+  <p>
+    <%= gettext("Showing %{count} Validated Transactions", count: @transaction_count) %>
+  </p>
+
+  <div class="card">
+    <div class="card-header">
+      <ul class="nav nav-tabs card-header-tabs">
         <li class="nav-item">
           <%= link(
                 gettext("Validated"),
@@ -24,64 +26,63 @@
         </li>
       </ul>
     </div>
-    <div class="panels container__subsection">
-      <div class="panels__container">
-        <table class="table table-responsive-sm table-font">
-          <thead>
+    <div class="card-body">
+      <table class="table table-responsive-sm table-font">
+        <thead>
+          <tr>
+            <th><%= gettext "Status" %></th>
+            <th><%= gettext "Hash" %></th>
+            <th><%= gettext "Block" %></th>
+            <th><%= gettext "Age" %></th>
+            <th><%= gettext "From" %></th>
+            <th><%= gettext "To" %></th>
+            <th><%= gettext "Value" %> (<%= gettext "Ether" %>)</th>
+          </tr>
+        </thead>
+        <tbody>
+          <%= for transaction <- @transactions do %>
             <tr>
-              <th><%= gettext "Status" %></th>
-              <th><%= gettext "Hash" %></th>
-              <th><%= gettext "Block" %></th>
-              <th><%= gettext "Age" %></th>
-              <th><%= gettext "From" %></th>
-              <th><%= gettext "To" %></th>
-              <th><%= gettext "Value" %> (<%= gettext "Ether" %>)</th>
+              <td>
+                <div class="transaction__dot transaction__dot--<%= status(transaction) %>"></div>
+              </td>
+              <td>
+                <%= render ExplorerWeb.TransactionView, "_link.html", conn: @conn, transaction: transaction %>
+              </td>
+              <td>
+                <%= link(
+                      transaction.block,
+                      class: "transactions__link",
+                      to: block_path(@conn, :show, @conn.assigns.locale, transaction.block)
+                    ) %>
+              </td>
+              <td>
+                <%= transaction.block.timestamp |> Timex.from_now %>
+              </td>
+              <td>
+                <%= render ExplorerWeb.AddressView, "_link.html", conn: @conn, address: transaction.from_address %>
+              </td>
+              <td>
+                <%= render ExplorerWeb.AddressView, "_link.html", conn: @conn, address: transaction.to_address %>
+              </td>
+              <td>
+                <%= ExplorerWeb.TransactionView.value(transaction, include_label: false) %>
+              </td>
             </tr>
-          </thead>
-          <tbody>
-            <%= for transaction <- @transactions do %>
-              <tr>
-                <td>
-                  <div class="transaction__dot transaction__dot--<%= status(transaction) %>"></div>
-                </td>
-                <td>
-                  <%= render ExplorerWeb.TransactionView, "_link.html", conn: @conn, transaction: transaction %>
-                </td>
-                <td>
-                  <%= link(
-                        transaction.block,
-                        class: "transactions__link",
-                        to: block_path(@conn, :show, @conn.assigns.locale, transaction.block)
-                      ) %>
-                </td>
-                <td>
-                  <%= transaction.block.timestamp |> Timex.from_now %>
-                </td>
-                <td>
-                  <%= render ExplorerWeb.AddressView, "_link.html", conn: @conn, address: transaction.from_address %>
-                </td>
-                <td>
-                  <%= render ExplorerWeb.AddressView, "_link.html", conn: @conn, address: transaction.to_address %>
-                </td>
-                <td>
-                  <%= ExplorerWeb.TransactionView.value(transaction, include_label: false) %>
-                </td>
-              </tr>
-            <% end %>
-          </tbody>
-        </table>
-      </div>
+          <% end %>
+        </tbody>
+      </table>
     </div>
-    <%= if @last_seen_collated_hash do %>
-      <%= link(
-            gettext("Next Page"),
-            class: "button button--secondary button--sm u-float-right",
-            to: transaction_path(
-              @conn,
-              :index,
-              @conn.assigns.locale,
-              %{"last_seen_collated_hash" => to_string(@last_seen_collated_hash)}
-            )
-          ) %>
-    <% end %>
-  </section>
+  </div>
+  <%= if @last_seen_collated_hash do %>
+    <%= link(
+          gettext("Next Page"),
+          class: "button button--secondary button--sm u-float-right mt-3",
+          to: transaction_path(
+            @conn,
+            :index,
+            @conn.assigns.locale,
+            %{"last_seen_collated_hash" => to_string(@last_seen_collated_hash)}
+          )
+        ) %>
+  <% end %>
+</section>
diff --git a/apps/explorer_web/lib/explorer_web/templates/transaction/overview.html.eex b/apps/explorer_web/lib/explorer_web/templates/transaction/overview.html.eex
index ec34f9e780..3fe5baa64b 100644
--- a/apps/explorer_web/lib/explorer_web/templates/transaction/overview.html.eex
+++ b/apps/explorer_web/lib/explorer_web/templates/transaction/overview.html.eex
@@ -1,160 +1,165 @@
-<h1><%= gettext "Transaction Details" %></h1>
-<p data-test="transaction_detail_hash"><%= @transaction %></p>
-<div class="panels container__subsection">
-  <div class="panels__container row">
-    <div class="col-md-6">
-      <table class="table table-font table-responsive-sm table-horizontal">
-        <tbody>
-          <tr>
-            <th scope="row">
-              <%= gettext "Transaction Status" %>
-            </th>
-            <td>
-              <%= formatted_status(@transaction) %>
-              <div class="transaction__dot transaction__dot--<%= status(@transaction) %>"></div>
-            </td>
-          </tr>
-          <tr>
-            <th scope="row">
-              <%= gettext "Block Number" %>
-            </th>
-            <td>
-              <% block = @transaction.block %>
-              <%= if block do %>
-                <%= link(
-                      block,
-                      class: "transaction__link",
-                      to: block_path(@conn, :show, @conn.assigns.locale, block)
-                    ) %>
-              <% end %>
-              (<%= gettext "%{confirmations} block confirmations", confirmations: confirmations(@transaction, max_block_number: @max_block_number) %>)
-            </td>
-          </tr>
-          <tr>
-            <th scope="row">
-              <%= gettext "Age" %>
-            </th>
-            <td title="<%= formatted_timestamp(@transaction) %>">
-              <%= formatted_age(@transaction) %>
-            </td>
-          </tr>
-          <tr>
-            <th scope="row">
-              <%= gettext "Value" %>
-            </th>
-            <td>
-              <div><%= value(@transaction) %> </div>
-              <div><%= formatted_usd_value(@transaction, @exchange_rate) %></div>
-            </td>
-          </tr>
-          <tr>
-            <th scope="row">
-              <%= gettext "From" %>
-            </th>
-            <td>
-              <%= if @transaction.from_address do %>
-                <%= link(
-                      @transaction.from_address,
-                      class: "transaction__link",
-                      to: address_path(@conn, :show, @conn.assigns.locale, @transaction.from_address)
-                    ) %>
-              <% else %>
-                <%= gettext "Pending" %>
-              <% end %>
-            </td>
-          </tr>
-          <tr>
-            <th scope="row">
-              <%= gettext "To" %>
-            </th>
-            <td>
-              <%= if @transaction.to_address do %>
-                <%= link(
-                      @transaction.to_address,
-                      class: "transaction__link",
-                      to: address_path(@conn, :show, @conn.assigns.locale, @transaction.to_address)
-                    ) %>
-              <% else %>
-                <%= gettext "Pending" %>
-              <% end %>
-            </td>
-          </tr>
-          <tr>
-            <th scope="row">
-              <%= gettext "Nonce" %>
-            </th>
-            <td>
-              <%= @transaction.nonce %>
-            </td>
-          </tr>
-        </tbody>
-      </table>
-    </div>
-    <div class="col-md-6">
-      <table class="table table-font table-responsive-sm table-horizontal">
-        <tbody>
-          <tr>
-            <th scope="row">
-              <%= gettext "First Seen" %>
-            </th>
-            <% first_seen = first_seen(@transaction) %>
-            <td title="<%= first_seen %>">
-              <%= first_seen %>
-            </td>
-          </tr>
-          <tr>
-            <th scope="row">
-              <%= gettext "Last Seen" %>
-            </th>
-            <% last_seen = last_seen(@transaction) %>
-            <td title="<%= last_seen %>">
-              <%= last_seen %>
-            </td>
-          </tr>
-          <tr>
-            <th scope="row">
-              <%= gettext "Gas Limit" %>
-            </th>
-            <td title="<%= last_seen %>">
-              <%= format_gas_limit(@transaction.gas) %> <%= gettext("Gas") %>
-            </td>
-          </tr>
-          <tr>
-            <th scope="row">
-              <%= gettext "Gas Price" %>
-            </th>
-            <td title="<%= last_seen %>">
-              <%= gas_price(@transaction, :ether) %>
-              (<%= gas_price(@transaction, :gwei) %>)
-            </td>
-          </tr>
-          <tr>
-            <th scope="row">
-              <%= gettext "TX Fee" %>
-            </th>
-            <td>
-              <div><%= formatted_fee(@transaction, denomination: :ether) %></div>
-              <div><%= formatted_fee(@transaction, exchange_rate: @exchange_rate) %></div>
-            </td>
-          </tr>
-          <tr>
-            <th scope="row">
-              <%= gettext "Total Gas Used" %>
-            </th>
-            <td title="<%= last_seen %>">
-              <%= cumulative_gas_used(@transaction) %> <%= gettext("Wei") %>
-            </td>
-          </tr>
-          <tr>
-            <th scope="row">
-              <%= gettext "Input" %>
-            </th>
-            <td title="<%= @transaction.input %>">
-              <%= @transaction.input %>
-            </td>
-          </tr>
-        </tbody>
-      </table>
+<section>
+  <h1><%= gettext "Transaction Details" %></h1>
+  <p data-test="transaction_detail_hash"><%= @transaction %></p>
+
+  <div class="card mb-3">
+    <div class="card-body">
+      <div class="row">
+        <div class="col-md-6">
+          <table class="table table-font table-responsive-sm table-horizontal">
+            <tbody>
+              <tr>
+                <th scope="row">
+                  <%= gettext "Transaction Status" %>
+                </th>
+                <td>
+                  <%= formatted_status(@transaction) %>
+                  <div class="transaction__dot transaction__dot--<%= status(@transaction) %>"></div>
+                </td>
+              </tr>
+              <tr>
+                <th scope="row">
+                  <%= gettext "Block Number" %>
+                </th>
+                <td>
+                  <% block = @transaction.block %>
+                  <%= if block do %>
+                    <%= link(
+                          block,
+                          class: "transaction__link",
+                          to: block_path(@conn, :show, @conn.assigns.locale, block)
+                        ) %>
+                  <% end %>
+                  (<%= gettext "%{confirmations} block confirmations", confirmations: confirmations(@transaction, max_block_number: @max_block_number) %>)
+                </td>
+              </tr>
+              <tr>
+                <th scope="row">
+                  <%= gettext "Age" %>
+                </th>
+                <td title="<%= formatted_timestamp(@transaction) %>">
+                  <%= formatted_age(@transaction) %>
+                </td>
+              </tr>
+              <tr>
+                <th scope="row">
+                  <%= gettext "Value" %>
+                </th>
+                <td>
+                  <div><%= value(@transaction) %> </div>
+                  <div><%= formatted_usd_value(@transaction, @exchange_rate) %></div>
+                </td>
+              </tr>
+              <tr>
+                <th scope="row">
+                  <%= gettext "From" %>
+                </th>
+                <td>
+                  <%= if @transaction.from_address do %>
+                    <%= link(
+                          @transaction.from_address,
+                          class: "transaction__link",
+                          to: address_path(@conn, :show, @conn.assigns.locale, @transaction.from_address)
+                        ) %>
+                  <% else %>
+                    <%= gettext "Pending" %>
+                  <% end %>
+                </td>
+              </tr>
+              <tr>
+                <th scope="row">
+                  <%= gettext "To" %>
+                </th>
+                <td>
+                  <%= if @transaction.to_address do %>
+                    <%= link(
+                          @transaction.to_address,
+                          class: "transaction__link",
+                          to: address_path(@conn, :show, @conn.assigns.locale, @transaction.to_address)
+                        ) %>
+                  <% else %>
+                    <%= gettext "Pending" %>
+                  <% end %>
+                </td>
+              </tr>
+              <tr>
+                <th scope="row">
+                  <%= gettext "Nonce" %>
+                </th>
+                <td>
+                  <%= @transaction.nonce %>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <div class="col-md-6">
+          <table class="table table-font table-responsive-sm table-horizontal">
+            <tbody>
+              <tr>
+                <th scope="row">
+                  <%= gettext "First Seen" %>
+                </th>
+                <% first_seen = first_seen(@transaction) %>
+                <td title="<%= first_seen %>">
+                  <%= first_seen %>
+                </td>
+              </tr>
+              <tr>
+                <th scope="row">
+                  <%= gettext "Last Seen" %>
+                </th>
+                <% last_seen = last_seen(@transaction) %>
+                <td title="<%= last_seen %>">
+                  <%= last_seen %>
+                </td>
+              </tr>
+              <tr>
+                <th scope="row">
+                  <%= gettext "Gas Limit" %>
+                </th>
+                <td title="<%= format_gas_limit(@transaction.gas) %>">
+                  <%= format_gas_limit(@transaction.gas) %> <%= gettext("Gas") %>
+                </td>
+              </tr>
+              <tr>
+                <th scope="row">
+                  <%= gettext "Gas Price" %>
+                </th>
+                <td title="<%= gas_price(@transaction, :wei) %>">
+                  <%= gas_price(@transaction, :wei) %>
+                  (<%= gas_price(@transaction, :gwei) %>)
+                </td>
+              </tr>
+              <tr>
+                <th scope="row">
+                  <%= gettext "TX Fee" %>
+                </th>
+                <td>
+                  <div><%= formatted_fee(@transaction, denomination: :ether) %></div>
+                  <div><%= formatted_fee(@transaction, exchange_rate: @exchange_rate) %></div>
+                </td>
+              </tr>
+              <tr>
+                <th scope="row">
+                  <%= gettext "Total Gas Used" %>
+                </th>
+                <td title="<%= cumulative_gas_used(@transaction) %>">
+                  <%= cumulative_gas_used(@transaction) %> <%= gettext("Wei") %>
+                </td>
+              </tr>
+              <tr>
+                <th scope="row">
+                  <%= gettext "Input" %>
+                </th>
+                <td title="<%= @transaction.input %>">
+                  <%= @transaction.input %>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+      </div>
     </div>
   </div>
-</div>
+</section>
diff --git a/apps/explorer_web/lib/explorer_web/templates/transaction_internal_transaction/index.html.eex b/apps/explorer_web/lib/explorer_web/templates/transaction_internal_transaction/index.html.eex
index 5bebf2bacc..234cb9cd6c 100644
--- a/apps/explorer_web/lib/explorer_web/templates/transaction_internal_transaction/index.html.eex
+++ b/apps/explorer_web/lib/explorer_web/templates/transaction_internal_transaction/index.html.eex
@@ -1,54 +1,58 @@
-<section class="container__section">
+<section class="container-fluid">
+
   <%= render ExplorerWeb.TransactionView, "overview.html", assigns %>
-  <div>
-    <ul class="nav nav-tabs">
-      <li class="nav-item">
-        <%= link(
-              gettext("Internal Transactions"),
-              class: "nav-link active",
-              to: transaction_path(@conn, :show, @conn.assigns.locale, @transaction)
-            ) %>
-      </li>
-      <li class="nav-item">
-        <%= link(
-              gettext("Logs"),
-              class: "nav-link",
-              to: transaction_log_path(@conn, :index, @conn.assigns.locale, @transaction),
-              "data-test": "transaction_logs_link"
-            ) %>
-      </li>
-    </ul>
-  </div>
-  <div class="panels container__subsection">
-    <div class="panels__container">
-      <%= if length(@internal_transactions.entries) > 0 do %>
-        <table class="table table-responsive-sm table-font">
-          <thead>
-            <th><%= gettext "Type" %></th>
-            <th><%= gettext "From" %></th>
-            <th><%= gettext "To" %></th>
-            <th><%= gettext "Value" %> (<%= gettext "Ether" %>)</th>
-            <th><%= gettext "Gas Limit" %> (<%= gettext "Gas" %>)</th>
-          </thead>
-          <%= for transaction <- @internal_transactions do %>
-            <tgroup>
-              <tr>
-                <td><%= transaction.call_type %></td>
-                <td>
-                  <%= render ExplorerWeb.AddressView, "_link.html", conn: @conn, address: transaction.from_address %>
-                </td>
-                <td>
-                  <%= render ExplorerWeb.AddressView, "_link.html", conn: @conn, address: transaction.to_address %>
-                </td>
-                <td><%= value(transaction, include_label: false) %></td>
-                <td><%= gas(transaction) %></td>
-              </tr>
-            </tgroup>
-          <% end %>
-        </table>
-      <% else %>
-        <p><%= gettext "There are no Internal Transactions" %></p>
-      <% end %>
+
+  <section>
+    <div class="card">
+      <div class="card-header">
+        <ul class="nav nav-tabs card-header-tabs">
+          <li class="nav-item">
+            <%= link(
+                  gettext("Internal Transactions"),
+                  class: "nav-link active",
+                  to: transaction_path(@conn, :show, @conn.assigns.locale, @transaction)
+                ) %>
+          </li>
+          <li class="nav-item">
+            <%= link(
+                  gettext("Logs"),
+                  class: "nav-link",
+                  to: transaction_log_path(@conn, :index, @conn.assigns.locale, @transaction),
+                  "data-test": "transaction_logs_link"
+                ) %>
+          </li>
+        </ul>
+      </div>
+      <div class="card-body">
+        <%= if length(@internal_transactions.entries) > 0 do %>
+          <table class="table table-responsive-sm table-font">
+            <thead>
+              <th><%= gettext "Type" %></th>
+              <th><%= gettext "From" %></th>
+              <th><%= gettext "To" %></th>
+              <th><%= gettext "Value" %> (<%= gettext "Ether" %>)</th>
+              <th><%= gettext "Gas Limit" %> (<%= gettext "Gas" %>)</th>
+            </thead>
+            <%= for transaction <- @internal_transactions do %>
+              <tgroup>
+                <tr>
+                  <td><%= transaction.call_type %></td>
+                  <td>
+                    <%= render ExplorerWeb.AddressView, "_link.html", conn: @conn, address: transaction.from_address %>
+                  </td>
+                  <td>
+                    <%= render ExplorerWeb.AddressView, "_link.html", conn: @conn, address: transaction.to_address %>
+                  </td>
+                  <td><%= value(transaction, include_label: false) %></td>
+                  <td><%= gas(transaction) %></td>
+                </tr>
+              </tgroup>
+            <% end %>
+          </table>
+        <% else %>
+          <p><%= gettext "There are no Internal Transactions" %></p>
+        <% end %>
+      </div>
     </div>
-  </div>
+  </section>
 </section>
diff --git a/apps/explorer_web/lib/explorer_web/templates/transaction_log/index.html.eex b/apps/explorer_web/lib/explorer_web/templates/transaction_log/index.html.eex
index 8b54886823..97b0eabfc4 100644
--- a/apps/explorer_web/lib/explorer_web/templates/transaction_log/index.html.eex
+++ b/apps/explorer_web/lib/explorer_web/templates/transaction_log/index.html.eex
@@ -1,68 +1,72 @@
-<section class="container__section">
+<section class="container-fluid">
+
   <%= render ExplorerWeb.TransactionView, "overview.html", assigns %>
-  <div>
-    <ul class="nav nav-tabs">
-      <li class="nav-item">
-        <%= link(
-              gettext("Internal Transactions"),
-              class: "nav-link",
-              to: transaction_path(@conn, :show, @conn.assigns.locale, @transaction)
-            ) %>
-      </li>
-      <li class="nav-item">
-        <%= link(
-              gettext("Logs"),
-              class: "nav-link active",
-              to: transaction_log_path(@conn, :index, @conn.assigns.locale, @transaction)
-            ) %>
-      </li>
-    </ul>
-  </div>
-  <div class="panels container__subsection">
-    <div class="panels__container">
-      <%= if length(@logs.entries) > 0 do %>
-        <table class="table table-responsive-sm table-font">
-          <thead>
-            <th><%= gettext "Address" %></th>
-            <th><%= gettext "Topic" %></th>
-          </thead>
-          <%= for log <- @logs.entries do %>
-            <tgroup>
-              <tr data-test="transaction_log">
-                <td>
-                  <%= link(
-                        log.address,
-                        to: address_path(@conn, :show, @conn.assigns.locale, log.address),
-                        "data-test": "log_address_link",
-                        "data-address-hash": log.address
-                      ) %>
-                </td>
-                <td><%= log.first_topic %></td>
-              </tr>
-              <% unless is_nil(log.second_topic) do %>
-                <tr>
-                  <td>topic[1]</td>
-                  <td><%= log.second_topic %></td>
+
+  <section>
+    <div class="card">
+      <div class="card-header">
+        <ul class="nav nav-tabs card-header-tabs">
+          <li class="nav-item">
+            <%= link(
+                  gettext("Internal Transactions"),
+                  class: "nav-link",
+                  to: transaction_path(@conn, :show, @conn.assigns.locale, @transaction)
+                ) %>
+          </li>
+          <li class="nav-item">
+            <%= link(
+                  gettext("Logs"),
+                  class: "nav-link active",
+                  to: transaction_log_path(@conn, :index, @conn.assigns.locale, @transaction)
+                ) %>
+          </li>
+        </ul>
+      </div>
+      <div class="card-body">
+        <%= if length(@logs.entries) > 0 do %>
+          <table class="table table-responsive-sm table-font">
+            <thead>
+              <th><%= gettext "Address" %></th>
+              <th><%= gettext "Topic" %></th>
+            </thead>
+            <%= for log <- @logs.entries do %>
+              <tgroup>
+                <tr data-test="transaction_log">
+                  <td>
+                    <%= link(
+                          log.address,
+                          to: address_path(@conn, :show, @conn.assigns.locale, log.address),
+                          "data-test": "log_address_link",
+                          "data-address-hash": log.address
+                        ) %>
+                  </td>
+                  <td><%= log.first_topic %></td>
                 </tr>
-              <% end %>
-              <% unless is_nil(log.third_topic) do %>
-                <tr>
-                  <td>topic[2]</td>
-                  <td><%= log.third_topic %></td>
-                </tr>
-              <% end %>
-              <% unless is_nil(log.data) do %>
-                <tr>
-                  <td>↠</td>
-                  <td><%= log.data %></td>
-                </tr>
-              <% end %>
-            </tgroup>
-          <% end %>
-        </table>
-      <% else %>
-      <p><%= gettext "There are no logs currently." %></p>
-      <% end %>
+                <% unless is_nil(log.second_topic) do %>
+                  <tr>
+                    <td>topic[1]</td>
+                    <td><%= log.second_topic %></td>
+                  </tr>
+                <% end %>
+                <% unless is_nil(log.third_topic) do %>
+                  <tr>
+                    <td>topic[2]</td>
+                    <td><%= log.third_topic %></td>
+                  </tr>
+                <% end %>
+                <% unless is_nil(log.data) do %>
+                  <tr>
+                    <td>↠</td>
+                    <td><%= log.data %></td>
+                  </tr>
+                <% end %>
+              </tgroup>
+            <% end %>
+          </table>
+        <% else %>
+        <p><%= gettext "There are no logs currently." %></p>
+        <% end %>
+      </div>
     </div>
-  </div>
+  </section>
 </section>
diff --git a/apps/explorer_web/priv/gettext/default.pot b/apps/explorer_web/priv/gettext/default.pot
index cbe266e6d6..9363b9920e 100644
--- a/apps/explorer_web/priv/gettext/default.pot
+++ b/apps/explorer_web/priv/gettext/default.pot
@@ -1,25 +1,25 @@
-#: lib/explorer_web/templates/address_internal_transaction/index.html.eex:67
-#: lib/explorer_web/templates/address_transaction/index.html.eex:70
+#: lib/explorer_web/templates/address_internal_transaction/index.html.eex:72
+#: lib/explorer_web/templates/address_transaction/index.html.eex:74
 #: lib/explorer_web/templates/block/index.html.eex:18
-#: lib/explorer_web/templates/block_transaction/index.html.eex:135
-#: lib/explorer_web/templates/chain/_blocks.html.eex:9
-#: lib/explorer_web/templates/chain/_transactions.html.eex:12
-#: lib/explorer_web/templates/transaction/index.html.eex:35
-#: lib/explorer_web/templates/transaction/overview.html.eex:35
+#: lib/explorer_web/templates/block_transaction/index.html.eex:140
+#: lib/explorer_web/templates/chain/_blocks.html.eex:8
+#: lib/explorer_web/templates/chain/_transactions.html.eex:11
+#: lib/explorer_web/templates/transaction/index.html.eex:36
+#: lib/explorer_web/templates/transaction/overview.html.eex:38
 msgid "Age"
 msgstr ""
 
-#: lib/explorer_web/templates/address_internal_transaction/index.html.eex:66
-#: lib/explorer_web/templates/address_transaction/index.html.eex:69
-#: lib/explorer_web/templates/block_transaction/index.html.eex:134
-#: lib/explorer_web/templates/chain/show.html.eex:6
-#: lib/explorer_web/templates/transaction/index.html.eex:34
+#: lib/explorer_web/templates/address_internal_transaction/index.html.eex:71
+#: lib/explorer_web/templates/address_transaction/index.html.eex:73
+#: lib/explorer_web/templates/block_transaction/index.html.eex:139
+#: lib/explorer_web/templates/chain/show.html.eex:7
+#: lib/explorer_web/templates/transaction/index.html.eex:35
 msgid "Block"
 msgstr ""
 
 #: lib/explorer_web/templates/chain/_blocks.html.eex:4
 #: lib/explorer_web/templates/layout/_sidebar.html.eex:30
-#: lib/explorer_web/templates/layout/_topnav.html.eex:22
+#: lib/explorer_web/templates/layout/_topnav.html.eex:21
 msgid "Blocks"
 msgstr ""
 
@@ -28,20 +28,20 @@ msgid "Copyright %{year} POA"
 msgstr ""
 
 #: lib/explorer_web/templates/block/index.html.eex:20
-#: lib/explorer_web/templates/block_transaction/index.html.eex:87
+#: lib/explorer_web/templates/block_transaction/index.html.eex:88
 msgid "Gas Used"
 msgstr ""
 
-#: lib/explorer_web/templates/address_transaction/index.html.eex:68
-#: lib/explorer_web/templates/block_transaction/index.html.eex:29
-#: lib/explorer_web/templates/block_transaction/index.html.eex:133
-#: lib/explorer_web/templates/pending_transaction/index.html.eex:36
-#: lib/explorer_web/templates/transaction/index.html.eex:33
+#: lib/explorer_web/templates/address_transaction/index.html.eex:72
+#: lib/explorer_web/templates/block_transaction/index.html.eex:30
+#: lib/explorer_web/templates/block_transaction/index.html.eex:138
+#: lib/explorer_web/templates/pending_transaction/index.html.eex:35
+#: lib/explorer_web/templates/transaction/index.html.eex:34
 msgid "Hash"
 msgstr ""
 
 #: lib/explorer_web/templates/block/index.html.eex:17
-#: lib/explorer_web/templates/chain/_blocks.html.eex:8
+#: lib/explorer_web/templates/chain/_blocks.html.eex:7
 msgid "Height"
 msgstr ""
 
@@ -49,24 +49,24 @@ msgstr ""
 msgid "POA Network Explorer"
 msgstr ""
 
-#: lib/explorer_web/templates/address_internal_transaction/index.html.eex:7
-#: lib/explorer_web/templates/address_transaction/index.html.eex:7
+#: lib/explorer_web/templates/address_internal_transaction/index.html.eex:11
+#: lib/explorer_web/templates/address_transaction/index.html.eex:11
 #: lib/explorer_web/templates/block/index.html.eex:19
-#: lib/explorer_web/templates/block_transaction/index.html.eex:118
+#: lib/explorer_web/templates/block_transaction/index.html.eex:124
 #: lib/explorer_web/templates/chain/_transactions.html.eex:4
 #: lib/explorer_web/templates/layout/_sidebar.html.eex:36
-#: lib/explorer_web/templates/layout/_topnav.html.eex:29
+#: lib/explorer_web/templates/layout/_topnav.html.eex:27
 msgid "Transactions"
 msgstr ""
 
-#: lib/explorer_web/templates/address_internal_transaction/index.html.eex:70
-#: lib/explorer_web/templates/address_transaction/index.html.eex:74
-#: lib/explorer_web/templates/block_transaction/index.html.eex:139
-#: lib/explorer_web/templates/chain/_transactions.html.eex:11
-#: lib/explorer_web/templates/pending_transaction/index.html.eex:40
-#: lib/explorer_web/templates/transaction/index.html.eex:38
-#: lib/explorer_web/templates/transaction/overview.html.eex:43
-#: lib/explorer_web/templates/transaction_internal_transaction/index.html.eex:30
+#: lib/explorer_web/templates/address_internal_transaction/index.html.eex:75
+#: lib/explorer_web/templates/address_transaction/index.html.eex:78
+#: lib/explorer_web/templates/block_transaction/index.html.eex:144
+#: lib/explorer_web/templates/chain/_transactions.html.eex:10
+#: lib/explorer_web/templates/pending_transaction/index.html.eex:39
+#: lib/explorer_web/templates/transaction/index.html.eex:39
+#: lib/explorer_web/templates/transaction/overview.html.eex:46
+#: lib/explorer_web/templates/transaction_internal_transaction/index.html.eex:33
 msgid "Value"
 msgstr ""
 
@@ -74,23 +74,23 @@ msgstr ""
 msgid "Block #%{number} Details"
 msgstr ""
 
-#: lib/explorer_web/templates/block_transaction/index.html.eex:57
+#: lib/explorer_web/templates/block_transaction/index.html.eex:58
 msgid "Difficulty"
 msgstr ""
 
 #: lib/explorer_web/templates/block/index.html.eex:21
-#: lib/explorer_web/templates/block_transaction/index.html.eex:95
-#: lib/explorer_web/templates/transaction/overview.html.eex:116
-#: lib/explorer_web/templates/transaction_internal_transaction/index.html.eex:31
+#: lib/explorer_web/templates/block_transaction/index.html.eex:96
+#: lib/explorer_web/templates/transaction/overview.html.eex:119
+#: lib/explorer_web/templates/transaction_internal_transaction/index.html.eex:34
 msgid "Gas Limit"
 msgstr ""
 
-#: lib/explorer_web/templates/block_transaction/index.html.eex:49
+#: lib/explorer_web/templates/block_transaction/index.html.eex:50
 msgid "Miner"
 msgstr ""
 
-#: lib/explorer_web/templates/block_transaction/index.html.eex:103
-#: lib/explorer_web/templates/transaction/overview.html.eex:84
+#: lib/explorer_web/templates/block_transaction/index.html.eex:104
+#: lib/explorer_web/templates/transaction/overview.html.eex:87
 msgid "Nonce"
 msgstr ""
 
@@ -98,27 +98,27 @@ msgstr ""
 msgid "Number"
 msgstr ""
 
-#: lib/explorer_web/templates/block_transaction/index.html.eex:37
+#: lib/explorer_web/templates/block_transaction/index.html.eex:38
 msgid "Parent Hash"
 msgstr ""
 
-#: lib/explorer_web/templates/block_transaction/index.html.eex:79
+#: lib/explorer_web/templates/block_transaction/index.html.eex:80
 msgid "Size"
 msgstr ""
 
-#: lib/explorer_web/templates/block_transaction/index.html.eex:13
+#: lib/explorer_web/templates/block_transaction/index.html.eex:14
 msgid "Timestamp"
 msgstr ""
 
-#: lib/explorer_web/templates/block_transaction/index.html.eex:71
+#: lib/explorer_web/templates/block_transaction/index.html.eex:72
 msgid "Total Difficulty"
 msgstr ""
 
-#: lib/explorer_web/templates/transaction/overview.html.eex:19
+#: lib/explorer_web/templates/transaction/overview.html.eex:22
 msgid "Block Number"
 msgstr ""
 
-#: lib/explorer_web/templates/transaction/overview.html.eex:1
+#: lib/explorer_web/templates/transaction/overview.html.eex:2
 msgid "Transaction Details"
 msgstr ""
 
@@ -128,44 +128,44 @@ msgstr ""
 
 #: lib/explorer_web/templates/block/index.html.eex:20
 #: lib/explorer_web/templates/block/index.html.eex:21
-#: lib/explorer_web/templates/chain/_blocks.html.eex:11
-#: lib/explorer_web/templates/transaction/overview.html.eex:119
-#: lib/explorer_web/templates/transaction_internal_transaction/index.html.eex:31
+#: lib/explorer_web/templates/chain/_blocks.html.eex:10
+#: lib/explorer_web/templates/transaction/overview.html.eex:122
+#: lib/explorer_web/templates/transaction_internal_transaction/index.html.eex:34
 msgid "Gas"
 msgstr ""
 
 #: lib/explorer_web/templates/block/index.html.eex:22
-#: lib/explorer_web/templates/transaction/overview.html.eex:124
+#: lib/explorer_web/templates/transaction/overview.html.eex:127
 msgid "Gas Price"
 msgstr ""
 
-#: lib/explorer_web/templates/transaction/overview.html.eex:150
+#: lib/explorer_web/templates/transaction/overview.html.eex:153
 msgid "Input"
 msgstr ""
 
-#: lib/explorer_web/templates/transaction/overview.html.eex:30
+#: lib/explorer_web/templates/transaction/overview.html.eex:33
 msgid "%{confirmations} block confirmations"
 msgstr ""
 
-#: lib/explorer_web/templates/block_transaction/index.html.eex:24
+#: lib/explorer_web/templates/block_transaction/index.html.eex:25
 msgid "%{count} transactions in this block"
 msgstr ""
 
 #: lib/explorer_web/templates/address/overview.html.eex:2
-#: lib/explorer_web/templates/transaction_log/index.html.eex:26
+#: lib/explorer_web/templates/transaction_log/index.html.eex:29
 msgid "Address"
 msgstr ""
 
-#: lib/explorer_web/templates/address_internal_transaction/index.html.eex:48
-#: lib/explorer_web/templates/address_internal_transaction/index.html.eex:68
-#: lib/explorer_web/templates/address_transaction/index.html.eex:48
-#: lib/explorer_web/templates/address_transaction/index.html.eex:71
-#: lib/explorer_web/templates/block_transaction/index.html.eex:136
-#: lib/explorer_web/templates/chain/_transactions.html.eex:9
-#: lib/explorer_web/templates/pending_transaction/index.html.eex:38
-#: lib/explorer_web/templates/transaction/index.html.eex:36
-#: lib/explorer_web/templates/transaction/overview.html.eex:52
-#: lib/explorer_web/templates/transaction_internal_transaction/index.html.eex:28
+#: lib/explorer_web/templates/address_internal_transaction/index.html.eex:54
+#: lib/explorer_web/templates/address_internal_transaction/index.html.eex:73
+#: lib/explorer_web/templates/address_transaction/index.html.eex:52
+#: lib/explorer_web/templates/address_transaction/index.html.eex:75
+#: lib/explorer_web/templates/block_transaction/index.html.eex:141
+#: lib/explorer_web/templates/chain/_transactions.html.eex:8
+#: lib/explorer_web/templates/pending_transaction/index.html.eex:37
+#: lib/explorer_web/templates/transaction/index.html.eex:37
+#: lib/explorer_web/templates/transaction/overview.html.eex:55
+#: lib/explorer_web/templates/transaction_internal_transaction/index.html.eex:31
 #: lib/explorer_web/views/address_internal_transaction_view.ex:7
 #: lib/explorer_web/views/address_transaction_view.ex:9
 msgid "From"
@@ -180,16 +180,16 @@ msgstr ""
 msgid "Success"
 msgstr ""
 
-#: lib/explorer_web/templates/address_internal_transaction/index.html.eex:36
-#: lib/explorer_web/templates/address_internal_transaction/index.html.eex:69
-#: lib/explorer_web/templates/address_transaction/index.html.eex:36
-#: lib/explorer_web/templates/address_transaction/index.html.eex:73
-#: lib/explorer_web/templates/block_transaction/index.html.eex:138
-#: lib/explorer_web/templates/chain/_transactions.html.eex:10
-#: lib/explorer_web/templates/pending_transaction/index.html.eex:39
-#: lib/explorer_web/templates/transaction/index.html.eex:37
-#: lib/explorer_web/templates/transaction/overview.html.eex:68
-#: lib/explorer_web/templates/transaction_internal_transaction/index.html.eex:29
+#: lib/explorer_web/templates/address_internal_transaction/index.html.eex:42
+#: lib/explorer_web/templates/address_internal_transaction/index.html.eex:74
+#: lib/explorer_web/templates/address_transaction/index.html.eex:40
+#: lib/explorer_web/templates/address_transaction/index.html.eex:77
+#: lib/explorer_web/templates/block_transaction/index.html.eex:143
+#: lib/explorer_web/templates/chain/_transactions.html.eex:9
+#: lib/explorer_web/templates/pending_transaction/index.html.eex:38
+#: lib/explorer_web/templates/transaction/index.html.eex:38
+#: lib/explorer_web/templates/transaction/overview.html.eex:71
+#: lib/explorer_web/templates/transaction_internal_transaction/index.html.eex:32
 #: lib/explorer_web/views/address_internal_transaction_view.ex:6
 #: lib/explorer_web/views/address_transaction_view.ex:8
 msgid "To"
@@ -200,11 +200,11 @@ msgstr ""
 msgid "Transaction Hash"
 msgstr ""
 
-#: lib/explorer_web/templates/transaction/overview.html.eex:10
+#: lib/explorer_web/templates/transaction/overview.html.eex:13
 msgid "Transaction Status"
 msgstr ""
 
-#: lib/explorer_web/templates/address/overview.html.eex:11
+#: lib/explorer_web/templates/address/overview.html.eex:13
 msgid "Balance"
 msgstr ""
 
@@ -231,11 +231,11 @@ msgid "Showing %{count} Transactions"
 msgstr ""
 
 #: lib/explorer_web/templates/layout/_sidebar.html.eex:41
-#: lib/explorer_web/templates/layout/_topnav.html.eex:33
+#: lib/explorer_web/templates/layout/_topnav.html.eex:31
 #: lib/explorer_web/templates/pending_transaction/index.html.eex:21
-#: lib/explorer_web/templates/transaction/index.html.eex:19
-#: lib/explorer_web/templates/transaction/overview.html.eex:62
-#: lib/explorer_web/templates/transaction/overview.html.eex:78
+#: lib/explorer_web/templates/transaction/index.html.eex:21
+#: lib/explorer_web/templates/transaction/overview.html.eex:65
+#: lib/explorer_web/templates/transaction/overview.html.eex:81
 #: lib/explorer_web/views/transaction_view.ex:20
 #: lib/explorer_web/views/transaction_view.ex:66
 #: lib/explorer_web/views/transaction_view.ex:73
@@ -243,25 +243,25 @@ msgstr ""
 msgid "Pending"
 msgstr ""
 
-#: lib/explorer_web/templates/transaction/overview.html.eex:98
+#: lib/explorer_web/templates/transaction/overview.html.eex:101
 msgid "First Seen"
 msgstr ""
 
-#: lib/explorer_web/templates/pending_transaction/index.html.eex:37
-#: lib/explorer_web/templates/transaction/overview.html.eex:107
+#: lib/explorer_web/templates/pending_transaction/index.html.eex:36
+#: lib/explorer_web/templates/transaction/overview.html.eex:110
 msgid "Last Seen"
 msgstr ""
 
-#: lib/explorer_web/templates/transaction_internal_transaction/index.html.eex:14
-#: lib/explorer_web/templates/transaction_log/index.html.eex:14
+#: lib/explorer_web/templates/transaction_internal_transaction/index.html.eex:18
+#: lib/explorer_web/templates/transaction_log/index.html.eex:18
 msgid "Logs"
 msgstr ""
 
-#: lib/explorer_web/templates/pending_transaction/index.html.eex:7
+#: lib/explorer_web/templates/pending_transaction/index.html.eex:6
 msgid "Showing %{count} Pending Transactions"
 msgstr ""
 
-#: lib/explorer_web/templates/transaction_log/index.html.eex:27
+#: lib/explorer_web/templates/transaction_log/index.html.eex:30
 msgid "Topic"
 msgstr ""
 
@@ -285,7 +285,7 @@ msgstr ""
 msgid "Lag"
 msgstr ""
 
-#: lib/explorer_web/templates/chain/show.html.eex:11
+#: lib/explorer_web/templates/chain/show.html.eex:12
 msgid "Last Block"
 msgstr ""
 
@@ -293,12 +293,12 @@ msgstr ""
 msgid "Skipped"
 msgstr ""
 
-#: lib/explorer_web/templates/chain/show.html.eex:21
+#: lib/explorer_web/templates/chain/show.html.eex:22
 msgid "TPM"
 msgstr ""
 
-#: lib/explorer_web/templates/pending_transaction/index.html.eex:70
-#: lib/explorer_web/templates/transaction/index.html.eex:77
+#: lib/explorer_web/templates/pending_transaction/index.html.eex:69
+#: lib/explorer_web/templates/transaction/index.html.eex:78
 msgid "Next Page"
 msgstr ""
 
@@ -310,10 +310,10 @@ msgstr ""
 msgid "Out of Gas"
 msgstr ""
 
-#: lib/explorer_web/templates/address_transaction/index.html.eex:66
-#: lib/explorer_web/templates/block_transaction/index.html.eex:131
-#: lib/explorer_web/templates/pending_transaction/index.html.eex:34
-#: lib/explorer_web/templates/transaction/index.html.eex:32
+#: lib/explorer_web/templates/address_transaction/index.html.eex:70
+#: lib/explorer_web/templates/block_transaction/index.html.eex:136
+#: lib/explorer_web/templates/pending_transaction/index.html.eex:33
+#: lib/explorer_web/templates/transaction/index.html.eex:33
 msgid "Status"
 msgstr ""
 
@@ -325,11 +325,11 @@ msgstr ""
 msgid "Showing #%{number}"
 msgstr ""
 
-#: lib/explorer_web/templates/address_transaction/index.html.eex:74
-#: lib/explorer_web/templates/chain/_transactions.html.eex:11
-#: lib/explorer_web/templates/pending_transaction/index.html.eex:40
-#: lib/explorer_web/templates/transaction/index.html.eex:38
-#: lib/explorer_web/templates/transaction_internal_transaction/index.html.eex:30
+#: lib/explorer_web/templates/address_transaction/index.html.eex:78
+#: lib/explorer_web/templates/chain/_transactions.html.eex:10
+#: lib/explorer_web/templates/pending_transaction/index.html.eex:39
+#: lib/explorer_web/templates/transaction/index.html.eex:39
+#: lib/explorer_web/templates/transaction_internal_transaction/index.html.eex:33
 #: lib/explorer_web/views/wei_helpers.ex:71
 msgid "Ether"
 msgstr ""
@@ -339,10 +339,10 @@ msgstr ""
 msgid "Gwei"
 msgstr ""
 
-#: lib/explorer_web/templates/address_internal_transaction/index.html.eex:14
-#: lib/explorer_web/templates/address_transaction/index.html.eex:14
-#: lib/explorer_web/templates/transaction_internal_transaction/index.html.eex:7
-#: lib/explorer_web/templates/transaction_log/index.html.eex:7
+#: lib/explorer_web/templates/address_internal_transaction/index.html.eex:18
+#: lib/explorer_web/templates/address_transaction/index.html.eex:18
+#: lib/explorer_web/templates/transaction_internal_transaction/index.html.eex:11
+#: lib/explorer_web/templates/transaction_log/index.html.eex:11
 msgid "Internal Transactions"
 msgstr ""
 
@@ -350,12 +350,12 @@ msgstr ""
 msgid "Search by address, transaction hash, or block number"
 msgstr ""
 
-#: lib/explorer_web/templates/address_internal_transaction/index.html.eex:96
-#: lib/explorer_web/templates/transaction_internal_transaction/index.html.eex:50
+#: lib/explorer_web/templates/address_internal_transaction/index.html.eex:101
+#: lib/explorer_web/templates/transaction_internal_transaction/index.html.eex:53
 msgid "There are no Internal Transactions"
 msgstr ""
 
-#: lib/explorer_web/templates/transaction_log/index.html.eex:64
+#: lib/explorer_web/templates/transaction_log/index.html.eex:67
 msgid "There are no logs currently."
 msgstr ""
 
@@ -371,30 +371,30 @@ msgstr ""
 msgid "Transactions To"
 msgstr ""
 
-#: lib/explorer_web/templates/transaction_internal_transaction/index.html.eex:27
+#: lib/explorer_web/templates/transaction_internal_transaction/index.html.eex:30
 msgid "Type"
 msgstr ""
 
-#: lib/explorer_web/templates/transaction/overview.html.eex:145
+#: lib/explorer_web/templates/transaction/overview.html.eex:148
 #: lib/explorer_web/views/wei_helpers.ex:69
 msgid "Wei"
 msgstr ""
 
-#: lib/explorer_web/templates/address_internal_transaction/index.html.eex:30
-#: lib/explorer_web/templates/address_transaction/index.html.eex:30
+#: lib/explorer_web/templates/address_internal_transaction/index.html.eex:36
+#: lib/explorer_web/templates/address_transaction/index.html.eex:34
 #: lib/explorer_web/views/address_internal_transaction_view.ex:8
 #: lib/explorer_web/views/address_transaction_view.ex:10
 msgid "All"
 msgstr ""
 
-#: lib/explorer_web/templates/address_transaction/index.html.eex:75
+#: lib/explorer_web/templates/address_transaction/index.html.eex:79
 msgid "Fee"
 msgstr ""
 
 #: lib/explorer_web/templates/layout/_sidebar.html.eex:40
-#: lib/explorer_web/templates/layout/_topnav.html.eex:32
+#: lib/explorer_web/templates/layout/_topnav.html.eex:30
 #: lib/explorer_web/templates/pending_transaction/index.html.eex:14
-#: lib/explorer_web/templates/transaction/index.html.eex:12
+#: lib/explorer_web/templates/transaction/index.html.eex:14
 msgid "Validated"
 msgstr ""
 
@@ -402,31 +402,34 @@ msgstr ""
 msgid "Block Details"
 msgstr ""
 
-#: lib/explorer_web/templates/address_internal_transaction/index.html.eex:65
+#: lib/explorer_web/templates/address_internal_transaction/index.html.eex:70
 msgid "Parent Tx Hash"
 msgstr ""
 
-#: lib/explorer_web/templates/chain/show.html.eex:39
+#: lib/explorer_web/templates/chain/show.html.eex:43
 msgid "24h Volume"
 msgstr ""
 
-#: lib/explorer_web/templates/chain/show.html.eex:16
+#: lib/explorer_web/templates/chain/show.html.eex:17
 msgid "Avg Block Time"
 msgstr ""
 
-#: lib/explorer_web/templates/chain/show.html.eex:35
+#: lib/explorer_web/templates/chain/show.html.eex:39
 msgid "Market Cap"
 msgstr ""
 
-#: lib/explorer_web/templates/chain/show.html.eex:30
+#: lib/explorer_web/templates/chain/show.html.eex:34
 msgid "Price"
 msgstr ""
 
+#: lib/explorer_web/templates/chain/show.html.eex:35
+#: lib/explorer_web/templates/chain/show.html.eex:40
+#: lib/explorer_web/templates/chain/show.html.eex:44
 #: lib/explorer_web/views/currency_helpers.ex:32
 msgid "USD"
 msgstr ""
 
-#: lib/explorer_web/templates/address/overview.html.eex:18
+#: lib/explorer_web/templates/address/overview.html.eex:22
 msgid "Number of Transactions"
 msgstr ""
 
@@ -446,11 +449,11 @@ msgstr ""
 msgid "Switch Network "
 msgstr ""
 
-#: lib/explorer_web/templates/chain/_transactions.html.eex:8
+#: lib/explorer_web/templates/chain/_transactions.html.eex:7
 msgid "TX Hash"
 msgstr ""
 
-#: lib/explorer_web/templates/chain/_blocks.html.eex:10
+#: lib/explorer_web/templates/chain/_blocks.html.eex:9
 msgid "TXNs"
 msgstr ""
 
@@ -458,15 +461,15 @@ msgstr ""
 msgid "Tokens"
 msgstr ""
 
-#: lib/explorer_web/templates/transaction/overview.html.eex:142
+#: lib/explorer_web/templates/transaction/overview.html.eex:145
 msgid "Total Gas Used"
 msgstr ""
 
-#: lib/explorer_web/templates/block_transaction/index.html.eex:21
+#: lib/explorer_web/templates/block_transaction/index.html.eex:22
 msgid "Transaction"
 msgstr ""
 
-#: lib/explorer_web/templates/chain/_blocks.html.eex:12
+#: lib/explorer_web/templates/chain/_blocks.html.eex:11
 msgid "Validator"
 msgstr ""
 
@@ -475,6 +478,6 @@ msgstr ""
 msgid "View All"
 msgstr ""
 
-#: lib/explorer_web/templates/transaction/overview.html.eex:133
+#: lib/explorer_web/templates/transaction/overview.html.eex:136
 msgid "TX Fee"
 msgstr ""
diff --git a/apps/explorer_web/priv/gettext/en/LC_MESSAGES/default.po b/apps/explorer_web/priv/gettext/en/LC_MESSAGES/default.po
index 8a986f4e12..a785979d96 100644
--- a/apps/explorer_web/priv/gettext/en/LC_MESSAGES/default.po
+++ b/apps/explorer_web/priv/gettext/en/LC_MESSAGES/default.po
@@ -10,28 +10,28 @@ msgid ""
 msgstr ""
 "Language: en\n"
 
-#: lib/explorer_web/templates/address_internal_transaction/index.html.eex:67
-#: lib/explorer_web/templates/address_transaction/index.html.eex:70
+#: lib/explorer_web/templates/address_internal_transaction/index.html.eex:72
+#: lib/explorer_web/templates/address_transaction/index.html.eex:74
 #: lib/explorer_web/templates/block/index.html.eex:18
-#: lib/explorer_web/templates/block_transaction/index.html.eex:135
-#: lib/explorer_web/templates/chain/_blocks.html.eex:9
-#: lib/explorer_web/templates/chain/_transactions.html.eex:12
-#: lib/explorer_web/templates/transaction/index.html.eex:35
-#: lib/explorer_web/templates/transaction/overview.html.eex:35
+#: lib/explorer_web/templates/block_transaction/index.html.eex:140
+#: lib/explorer_web/templates/chain/_blocks.html.eex:8
+#: lib/explorer_web/templates/chain/_transactions.html.eex:11
+#: lib/explorer_web/templates/transaction/index.html.eex:36
+#: lib/explorer_web/templates/transaction/overview.html.eex:38
 msgid "Age"
 msgstr "Age"
 
-#: lib/explorer_web/templates/address_internal_transaction/index.html.eex:66
-#: lib/explorer_web/templates/address_transaction/index.html.eex:69
-#: lib/explorer_web/templates/block_transaction/index.html.eex:134
-#: lib/explorer_web/templates/chain/show.html.eex:6
-#: lib/explorer_web/templates/transaction/index.html.eex:34
+#: lib/explorer_web/templates/address_internal_transaction/index.html.eex:71
+#: lib/explorer_web/templates/address_transaction/index.html.eex:73
+#: lib/explorer_web/templates/block_transaction/index.html.eex:139
+#: lib/explorer_web/templates/chain/show.html.eex:7
+#: lib/explorer_web/templates/transaction/index.html.eex:35
 msgid "Block"
 msgstr "Block"
 
 #: lib/explorer_web/templates/chain/_blocks.html.eex:4
 #: lib/explorer_web/templates/layout/_sidebar.html.eex:30
-#: lib/explorer_web/templates/layout/_topnav.html.eex:22
+#: lib/explorer_web/templates/layout/_topnav.html.eex:21
 msgid "Blocks"
 msgstr "Blocks"
 
@@ -40,20 +40,20 @@ msgid "Copyright %{year} POA"
 msgstr "%{year} POA Network Ltd. All rights reserved"
 
 #: lib/explorer_web/templates/block/index.html.eex:20
-#: lib/explorer_web/templates/block_transaction/index.html.eex:87
+#: lib/explorer_web/templates/block_transaction/index.html.eex:88
 msgid "Gas Used"
 msgstr "Gas Used"
 
-#: lib/explorer_web/templates/address_transaction/index.html.eex:68
-#: lib/explorer_web/templates/block_transaction/index.html.eex:29
-#: lib/explorer_web/templates/block_transaction/index.html.eex:133
-#: lib/explorer_web/templates/pending_transaction/index.html.eex:36
-#: lib/explorer_web/templates/transaction/index.html.eex:33
+#: lib/explorer_web/templates/address_transaction/index.html.eex:72
+#: lib/explorer_web/templates/block_transaction/index.html.eex:30
+#: lib/explorer_web/templates/block_transaction/index.html.eex:138
+#: lib/explorer_web/templates/pending_transaction/index.html.eex:35
+#: lib/explorer_web/templates/transaction/index.html.eex:34
 msgid "Hash"
 msgstr "Hash"
 
 #: lib/explorer_web/templates/block/index.html.eex:17
-#: lib/explorer_web/templates/chain/_blocks.html.eex:8
+#: lib/explorer_web/templates/chain/_blocks.html.eex:7
 msgid "Height"
 msgstr "Height"
 
@@ -61,24 +61,24 @@ msgstr "Height"
 msgid "POA Network Explorer"
 msgstr "POA Network Explorer"
 
-#: lib/explorer_web/templates/address_internal_transaction/index.html.eex:7
-#: lib/explorer_web/templates/address_transaction/index.html.eex:7
+#: lib/explorer_web/templates/address_internal_transaction/index.html.eex:11
+#: lib/explorer_web/templates/address_transaction/index.html.eex:11
 #: lib/explorer_web/templates/block/index.html.eex:19
-#: lib/explorer_web/templates/block_transaction/index.html.eex:118
+#: lib/explorer_web/templates/block_transaction/index.html.eex:124
 #: lib/explorer_web/templates/chain/_transactions.html.eex:4
 #: lib/explorer_web/templates/layout/_sidebar.html.eex:36
-#: lib/explorer_web/templates/layout/_topnav.html.eex:29
+#: lib/explorer_web/templates/layout/_topnav.html.eex:27
 msgid "Transactions"
 msgstr "Transactions"
 
-#: lib/explorer_web/templates/address_internal_transaction/index.html.eex:70
-#: lib/explorer_web/templates/address_transaction/index.html.eex:74
-#: lib/explorer_web/templates/block_transaction/index.html.eex:139
-#: lib/explorer_web/templates/chain/_transactions.html.eex:11
-#: lib/explorer_web/templates/pending_transaction/index.html.eex:40
-#: lib/explorer_web/templates/transaction/index.html.eex:38
-#: lib/explorer_web/templates/transaction/overview.html.eex:43
-#: lib/explorer_web/templates/transaction_internal_transaction/index.html.eex:30
+#: lib/explorer_web/templates/address_internal_transaction/index.html.eex:75
+#: lib/explorer_web/templates/address_transaction/index.html.eex:78
+#: lib/explorer_web/templates/block_transaction/index.html.eex:144
+#: lib/explorer_web/templates/chain/_transactions.html.eex:10
+#: lib/explorer_web/templates/pending_transaction/index.html.eex:39
+#: lib/explorer_web/templates/transaction/index.html.eex:39
+#: lib/explorer_web/templates/transaction/overview.html.eex:46
+#: lib/explorer_web/templates/transaction_internal_transaction/index.html.eex:33
 msgid "Value"
 msgstr "Value"
 
@@ -86,23 +86,23 @@ msgstr "Value"
 msgid "Block #%{number} Details"
 msgstr "Block #%{number} Details"
 
-#: lib/explorer_web/templates/block_transaction/index.html.eex:57
+#: lib/explorer_web/templates/block_transaction/index.html.eex:58
 msgid "Difficulty"
 msgstr "Difficulty"
 
 #: lib/explorer_web/templates/block/index.html.eex:21
-#: lib/explorer_web/templates/block_transaction/index.html.eex:95
-#: lib/explorer_web/templates/transaction/overview.html.eex:116
-#: lib/explorer_web/templates/transaction_internal_transaction/index.html.eex:31
+#: lib/explorer_web/templates/block_transaction/index.html.eex:96
+#: lib/explorer_web/templates/transaction/overview.html.eex:119
+#: lib/explorer_web/templates/transaction_internal_transaction/index.html.eex:34
 msgid "Gas Limit"
 msgstr "Gas Limit"
 
-#: lib/explorer_web/templates/block_transaction/index.html.eex:49
+#: lib/explorer_web/templates/block_transaction/index.html.eex:50
 msgid "Miner"
 msgstr "Validator"
 
-#: lib/explorer_web/templates/block_transaction/index.html.eex:103
-#: lib/explorer_web/templates/transaction/overview.html.eex:84
+#: lib/explorer_web/templates/block_transaction/index.html.eex:104
+#: lib/explorer_web/templates/transaction/overview.html.eex:87
 msgid "Nonce"
 msgstr "Nonce"
 
@@ -110,27 +110,27 @@ msgstr "Nonce"
 msgid "Number"
 msgstr "Height"
 
-#: lib/explorer_web/templates/block_transaction/index.html.eex:37
+#: lib/explorer_web/templates/block_transaction/index.html.eex:38
 msgid "Parent Hash"
 msgstr "Parent Hash"
 
-#: lib/explorer_web/templates/block_transaction/index.html.eex:79
+#: lib/explorer_web/templates/block_transaction/index.html.eex:80
 msgid "Size"
 msgstr "Size"
 
-#: lib/explorer_web/templates/block_transaction/index.html.eex:13
+#: lib/explorer_web/templates/block_transaction/index.html.eex:14
 msgid "Timestamp"
 msgstr "Timestamp"
 
-#: lib/explorer_web/templates/block_transaction/index.html.eex:71
+#: lib/explorer_web/templates/block_transaction/index.html.eex:72
 msgid "Total Difficulty"
 msgstr "Total Difficulty"
 
-#: lib/explorer_web/templates/transaction/overview.html.eex:19
+#: lib/explorer_web/templates/transaction/overview.html.eex:22
 msgid "Block Number"
 msgstr "Block Height"
 
-#: lib/explorer_web/templates/transaction/overview.html.eex:1
+#: lib/explorer_web/templates/transaction/overview.html.eex:2
 msgid "Transaction Details"
 msgstr "Transaction Details"
 
@@ -140,44 +140,44 @@ msgstr "Cumulative Gas Used"
 
 #: lib/explorer_web/templates/block/index.html.eex:20
 #: lib/explorer_web/templates/block/index.html.eex:21
-#: lib/explorer_web/templates/chain/_blocks.html.eex:11
-#: lib/explorer_web/templates/transaction/overview.html.eex:119
-#: lib/explorer_web/templates/transaction_internal_transaction/index.html.eex:31
+#: lib/explorer_web/templates/chain/_blocks.html.eex:10
+#: lib/explorer_web/templates/transaction/overview.html.eex:122
+#: lib/explorer_web/templates/transaction_internal_transaction/index.html.eex:34
 msgid "Gas"
 msgstr "Gas"
 
 #: lib/explorer_web/templates/block/index.html.eex:22
-#: lib/explorer_web/templates/transaction/overview.html.eex:124
+#: lib/explorer_web/templates/transaction/overview.html.eex:127
 msgid "Gas Price"
 msgstr "Gas Price"
 
-#: lib/explorer_web/templates/transaction/overview.html.eex:150
+#: lib/explorer_web/templates/transaction/overview.html.eex:153
 msgid "Input"
 msgstr "Input"
 
-#: lib/explorer_web/templates/transaction/overview.html.eex:30
+#: lib/explorer_web/templates/transaction/overview.html.eex:33
 msgid "%{confirmations} block confirmations"
 msgstr "%{confirmations} block confirmations"
 
-#: lib/explorer_web/templates/block_transaction/index.html.eex:24
+#: lib/explorer_web/templates/block_transaction/index.html.eex:25
 msgid "%{count} transactions in this block"
 msgstr "%{count} transactions in this block"
 
 #: lib/explorer_web/templates/address/overview.html.eex:2
-#: lib/explorer_web/templates/transaction_log/index.html.eex:26
+#: lib/explorer_web/templates/transaction_log/index.html.eex:29
 msgid "Address"
 msgstr "Address"
 
-#: lib/explorer_web/templates/address_internal_transaction/index.html.eex:48
-#: lib/explorer_web/templates/address_internal_transaction/index.html.eex:68
-#: lib/explorer_web/templates/address_transaction/index.html.eex:48
-#: lib/explorer_web/templates/address_transaction/index.html.eex:71
-#: lib/explorer_web/templates/block_transaction/index.html.eex:136
-#: lib/explorer_web/templates/chain/_transactions.html.eex:9
-#: lib/explorer_web/templates/pending_transaction/index.html.eex:38
-#: lib/explorer_web/templates/transaction/index.html.eex:36
-#: lib/explorer_web/templates/transaction/overview.html.eex:52
-#: lib/explorer_web/templates/transaction_internal_transaction/index.html.eex:28
+#: lib/explorer_web/templates/address_internal_transaction/index.html.eex:54
+#: lib/explorer_web/templates/address_internal_transaction/index.html.eex:73
+#: lib/explorer_web/templates/address_transaction/index.html.eex:52
+#: lib/explorer_web/templates/address_transaction/index.html.eex:75
+#: lib/explorer_web/templates/block_transaction/index.html.eex:141
+#: lib/explorer_web/templates/chain/_transactions.html.eex:8
+#: lib/explorer_web/templates/pending_transaction/index.html.eex:37
+#: lib/explorer_web/templates/transaction/index.html.eex:37
+#: lib/explorer_web/templates/transaction/overview.html.eex:55
+#: lib/explorer_web/templates/transaction_internal_transaction/index.html.eex:31
 #: lib/explorer_web/views/address_internal_transaction_view.ex:7
 #: lib/explorer_web/views/address_transaction_view.ex:9
 msgid "From"
@@ -192,16 +192,16 @@ msgstr "Overview"
 msgid "Success"
 msgstr "Success"
 
-#: lib/explorer_web/templates/address_internal_transaction/index.html.eex:36
-#: lib/explorer_web/templates/address_internal_transaction/index.html.eex:69
-#: lib/explorer_web/templates/address_transaction/index.html.eex:36
-#: lib/explorer_web/templates/address_transaction/index.html.eex:73
-#: lib/explorer_web/templates/block_transaction/index.html.eex:138
-#: lib/explorer_web/templates/chain/_transactions.html.eex:10
-#: lib/explorer_web/templates/pending_transaction/index.html.eex:39
-#: lib/explorer_web/templates/transaction/index.html.eex:37
-#: lib/explorer_web/templates/transaction/overview.html.eex:68
-#: lib/explorer_web/templates/transaction_internal_transaction/index.html.eex:29
+#: lib/explorer_web/templates/address_internal_transaction/index.html.eex:42
+#: lib/explorer_web/templates/address_internal_transaction/index.html.eex:74
+#: lib/explorer_web/templates/address_transaction/index.html.eex:40
+#: lib/explorer_web/templates/address_transaction/index.html.eex:77
+#: lib/explorer_web/templates/block_transaction/index.html.eex:143
+#: lib/explorer_web/templates/chain/_transactions.html.eex:9
+#: lib/explorer_web/templates/pending_transaction/index.html.eex:38
+#: lib/explorer_web/templates/transaction/index.html.eex:38
+#: lib/explorer_web/templates/transaction/overview.html.eex:71
+#: lib/explorer_web/templates/transaction_internal_transaction/index.html.eex:32
 #: lib/explorer_web/views/address_internal_transaction_view.ex:6
 #: lib/explorer_web/views/address_transaction_view.ex:8
 msgid "To"
@@ -212,11 +212,11 @@ msgstr "To"
 msgid "Transaction Hash"
 msgstr "Transaction Hash"
 
-#: lib/explorer_web/templates/transaction/overview.html.eex:10
+#: lib/explorer_web/templates/transaction/overview.html.eex:13
 msgid "Transaction Status"
 msgstr "Transaction Status"
 
-#: lib/explorer_web/templates/address/overview.html.eex:11
+#: lib/explorer_web/templates/address/overview.html.eex:13
 msgid "Balance"
 msgstr "Balance"
 
@@ -243,11 +243,11 @@ msgid "Showing %{count} Transactions"
 msgstr "Showing %{count} Transactions"
 
 #: lib/explorer_web/templates/layout/_sidebar.html.eex:41
-#: lib/explorer_web/templates/layout/_topnav.html.eex:33
+#: lib/explorer_web/templates/layout/_topnav.html.eex:31
 #: lib/explorer_web/templates/pending_transaction/index.html.eex:21
-#: lib/explorer_web/templates/transaction/index.html.eex:19
-#: lib/explorer_web/templates/transaction/overview.html.eex:62
-#: lib/explorer_web/templates/transaction/overview.html.eex:78
+#: lib/explorer_web/templates/transaction/index.html.eex:21
+#: lib/explorer_web/templates/transaction/overview.html.eex:65
+#: lib/explorer_web/templates/transaction/overview.html.eex:81
 #: lib/explorer_web/views/transaction_view.ex:20
 #: lib/explorer_web/views/transaction_view.ex:66
 #: lib/explorer_web/views/transaction_view.ex:73
@@ -255,25 +255,25 @@ msgstr "Showing %{count} Transactions"
 msgid "Pending"
 msgstr "Pending"
 
-#: lib/explorer_web/templates/transaction/overview.html.eex:98
+#: lib/explorer_web/templates/transaction/overview.html.eex:101
 msgid "First Seen"
 msgstr ""
 
-#: lib/explorer_web/templates/pending_transaction/index.html.eex:37
-#: lib/explorer_web/templates/transaction/overview.html.eex:107
+#: lib/explorer_web/templates/pending_transaction/index.html.eex:36
+#: lib/explorer_web/templates/transaction/overview.html.eex:110
 msgid "Last Seen"
 msgstr ""
 
-#: lib/explorer_web/templates/transaction_internal_transaction/index.html.eex:14
-#: lib/explorer_web/templates/transaction_log/index.html.eex:14
+#: lib/explorer_web/templates/transaction_internal_transaction/index.html.eex:18
+#: lib/explorer_web/templates/transaction_log/index.html.eex:18
 msgid "Logs"
 msgstr ""
 
-#: lib/explorer_web/templates/pending_transaction/index.html.eex:7
+#: lib/explorer_web/templates/pending_transaction/index.html.eex:6
 msgid "Showing %{count} Pending Transactions"
 msgstr ""
 
-#: lib/explorer_web/templates/transaction_log/index.html.eex:27
+#: lib/explorer_web/templates/transaction_log/index.html.eex:30
 msgid "Topic"
 msgstr ""
 
@@ -297,7 +297,7 @@ msgstr ""
 msgid "Lag"
 msgstr ""
 
-#: lib/explorer_web/templates/chain/show.html.eex:11
+#: lib/explorer_web/templates/chain/show.html.eex:12
 msgid "Last Block"
 msgstr ""
 
@@ -305,12 +305,12 @@ msgstr ""
 msgid "Skipped"
 msgstr ""
 
-#: lib/explorer_web/templates/chain/show.html.eex:21
+#: lib/explorer_web/templates/chain/show.html.eex:22
 msgid "TPM"
 msgstr ""
 
-#: lib/explorer_web/templates/pending_transaction/index.html.eex:70
-#: lib/explorer_web/templates/transaction/index.html.eex:77
+#: lib/explorer_web/templates/pending_transaction/index.html.eex:69
+#: lib/explorer_web/templates/transaction/index.html.eex:78
 msgid "Next Page"
 msgstr ""
 
@@ -322,10 +322,10 @@ msgstr ""
 msgid "Out of Gas"
 msgstr ""
 
-#: lib/explorer_web/templates/address_transaction/index.html.eex:66
-#: lib/explorer_web/templates/block_transaction/index.html.eex:131
-#: lib/explorer_web/templates/pending_transaction/index.html.eex:34
-#: lib/explorer_web/templates/transaction/index.html.eex:32
+#: lib/explorer_web/templates/address_transaction/index.html.eex:70
+#: lib/explorer_web/templates/block_transaction/index.html.eex:136
+#: lib/explorer_web/templates/pending_transaction/index.html.eex:33
+#: lib/explorer_web/templates/transaction/index.html.eex:33
 msgid "Status"
 msgstr ""
 
@@ -337,11 +337,11 @@ msgstr ""
 msgid "Showing #%{number}"
 msgstr ""
 
-#: lib/explorer_web/templates/address_transaction/index.html.eex:74
-#: lib/explorer_web/templates/chain/_transactions.html.eex:11
-#: lib/explorer_web/templates/pending_transaction/index.html.eex:40
-#: lib/explorer_web/templates/transaction/index.html.eex:38
-#: lib/explorer_web/templates/transaction_internal_transaction/index.html.eex:30
+#: lib/explorer_web/templates/address_transaction/index.html.eex:78
+#: lib/explorer_web/templates/chain/_transactions.html.eex:10
+#: lib/explorer_web/templates/pending_transaction/index.html.eex:39
+#: lib/explorer_web/templates/transaction/index.html.eex:39
+#: lib/explorer_web/templates/transaction_internal_transaction/index.html.eex:33
 #: lib/explorer_web/views/wei_helpers.ex:71
 msgid "Ether"
 msgstr "POA"
@@ -351,10 +351,10 @@ msgstr "POA"
 msgid "Gwei"
 msgstr ""
 
-#: lib/explorer_web/templates/address_internal_transaction/index.html.eex:14
-#: lib/explorer_web/templates/address_transaction/index.html.eex:14
-#: lib/explorer_web/templates/transaction_internal_transaction/index.html.eex:7
-#: lib/explorer_web/templates/transaction_log/index.html.eex:7
+#: lib/explorer_web/templates/address_internal_transaction/index.html.eex:18
+#: lib/explorer_web/templates/address_transaction/index.html.eex:18
+#: lib/explorer_web/templates/transaction_internal_transaction/index.html.eex:11
+#: lib/explorer_web/templates/transaction_log/index.html.eex:11
 msgid "Internal Transactions"
 msgstr ""
 
@@ -362,12 +362,12 @@ msgstr ""
 msgid "Search by address, transaction hash, or block number"
 msgstr ""
 
-#: lib/explorer_web/templates/address_internal_transaction/index.html.eex:96
-#: lib/explorer_web/templates/transaction_internal_transaction/index.html.eex:50
+#: lib/explorer_web/templates/address_internal_transaction/index.html.eex:101
+#: lib/explorer_web/templates/transaction_internal_transaction/index.html.eex:53
 msgid "There are no Internal Transactions"
 msgstr ""
 
-#: lib/explorer_web/templates/transaction_log/index.html.eex:64
+#: lib/explorer_web/templates/transaction_log/index.html.eex:67
 msgid "There are no logs currently."
 msgstr ""
 
@@ -383,30 +383,30 @@ msgstr ""
 msgid "Transactions To"
 msgstr ""
 
-#: lib/explorer_web/templates/transaction_internal_transaction/index.html.eex:27
+#: lib/explorer_web/templates/transaction_internal_transaction/index.html.eex:30
 msgid "Type"
 msgstr ""
 
-#: lib/explorer_web/templates/transaction/overview.html.eex:145
+#: lib/explorer_web/templates/transaction/overview.html.eex:148
 #: lib/explorer_web/views/wei_helpers.ex:69
 msgid "Wei"
 msgstr ""
 
-#: lib/explorer_web/templates/address_internal_transaction/index.html.eex:30
-#: lib/explorer_web/templates/address_transaction/index.html.eex:30
+#: lib/explorer_web/templates/address_internal_transaction/index.html.eex:36
+#: lib/explorer_web/templates/address_transaction/index.html.eex:34
 #: lib/explorer_web/views/address_internal_transaction_view.ex:8
 #: lib/explorer_web/views/address_transaction_view.ex:10
 msgid "All"
 msgstr ""
 
-#: lib/explorer_web/templates/address_transaction/index.html.eex:75
+#: lib/explorer_web/templates/address_transaction/index.html.eex:79
 msgid "Fee"
 msgstr ""
 
 #: lib/explorer_web/templates/layout/_sidebar.html.eex:40
-#: lib/explorer_web/templates/layout/_topnav.html.eex:32
+#: lib/explorer_web/templates/layout/_topnav.html.eex:30
 #: lib/explorer_web/templates/pending_transaction/index.html.eex:14
-#: lib/explorer_web/templates/transaction/index.html.eex:12
+#: lib/explorer_web/templates/transaction/index.html.eex:14
 msgid "Validated"
 msgstr ""
 
@@ -414,31 +414,34 @@ msgstr ""
 msgid "Block Details"
 msgstr ""
 
-#: lib/explorer_web/templates/address_internal_transaction/index.html.eex:65
+#: lib/explorer_web/templates/address_internal_transaction/index.html.eex:70
 msgid "Parent Tx Hash"
 msgstr ""
 
-#: lib/explorer_web/templates/chain/show.html.eex:39
+#: lib/explorer_web/templates/chain/show.html.eex:43
 msgid "24h Volume"
 msgstr ""
 
-#: lib/explorer_web/templates/chain/show.html.eex:16
+#: lib/explorer_web/templates/chain/show.html.eex:17
 msgid "Avg Block Time"
 msgstr ""
 
-#: lib/explorer_web/templates/chain/show.html.eex:35
+#: lib/explorer_web/templates/chain/show.html.eex:39
 msgid "Market Cap"
 msgstr ""
 
-#: lib/explorer_web/templates/chain/show.html.eex:30
+#: lib/explorer_web/templates/chain/show.html.eex:34
 msgid "Price"
 msgstr ""
 
+#: lib/explorer_web/templates/chain/show.html.eex:35
+#: lib/explorer_web/templates/chain/show.html.eex:40
+#: lib/explorer_web/templates/chain/show.html.eex:44
 #: lib/explorer_web/views/currency_helpers.ex:32
 msgid "USD"
 msgstr ""
 
-#: lib/explorer_web/templates/address/overview.html.eex:18
+#: lib/explorer_web/templates/address/overview.html.eex:22
 msgid "Number of Transactions"
 msgstr ""
 
@@ -458,11 +461,11 @@ msgstr ""
 msgid "Switch Network "
 msgstr ""
 
-#: lib/explorer_web/templates/chain/_transactions.html.eex:8
+#: lib/explorer_web/templates/chain/_transactions.html.eex:7
 msgid "TX Hash"
 msgstr ""
 
-#: lib/explorer_web/templates/chain/_blocks.html.eex:10
+#: lib/explorer_web/templates/chain/_blocks.html.eex:9
 msgid "TXNs"
 msgstr ""
 
@@ -470,15 +473,15 @@ msgstr ""
 msgid "Tokens"
 msgstr ""
 
-#: lib/explorer_web/templates/transaction/overview.html.eex:142
+#: lib/explorer_web/templates/transaction/overview.html.eex:145
 msgid "Total Gas Used"
 msgstr ""
 
-#: lib/explorer_web/templates/block_transaction/index.html.eex:21
+#: lib/explorer_web/templates/block_transaction/index.html.eex:22
 msgid "Transaction"
 msgstr ""
 
-#: lib/explorer_web/templates/chain/_blocks.html.eex:12
+#: lib/explorer_web/templates/chain/_blocks.html.eex:11
 msgid "Validator"
 msgstr ""
 
@@ -487,6 +490,6 @@ msgstr ""
 msgid "View All"
 msgstr ""
 
-#: lib/explorer_web/templates/transaction/overview.html.eex:133
+#: lib/explorer_web/templates/transaction/overview.html.eex:136
 msgid "TX Fee"
 msgstr ""