diff --git a/templates/base.html.tera b/templates/base.html.tera
index b0db59d..cd525b1 100644
--- a/templates/base.html.tera
+++ b/templates/base.html.tera
@@ -79,7 +79,7 @@
       <code>
         <br>
 	<div class="container-fluid">
-          <div class="d-flex justify-content-center">
+          <div class="d-flex justify-content-center mb-2">
             <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 191 191" height="35" width="35" style="enable-background:new 0 0 191 191;" xml:space="preserve"><style type="text/css">.st0{fill:#f2a900;}</style><circle cx="95.5" cy="95.5" r="95.5"/><circle class="st0" cx="95.3" cy="95.5" r="85.3"/><path d="M135.7,63.5c-2-4.6-3.9-13.6-9.1-15.6c-6.7-2.6-10.9,14.3-11.9,18.6h-1c-1.7-7.3-4-17.7-12-20c-3.7,15.6,3.9,32.5,11,46
 	c7.6-3.6,11.3-15,12-23h1l8,24c6.4-1.8,8.7-8.2,11-14c5-12.4,9.2-27.7,6-41C141.1,41.2,138.2,55,135.7,63.5 M39.7,95.5
 	c8.6-4.1,12.7-17.1,14-26h1c1,4.3,3.7,15.4,9.1,16.1c6.8,0.9,10.4-14.3,10.9-19.1h1c2.2,7.5,4.5,17.3,12,21
diff --git a/templates/block_details.html.tera b/templates/block_details.html.tera
index 86324d0..4b53b86 100644
--- a/templates/block_details.html.tera
+++ b/templates/block_details.html.tera
@@ -4,7 +4,7 @@
 
 <code>
 
-  <div class="card rounded-0">
+  <div class="card border-start-0 border-end-0 rounded-0">
     <div class="card-body" align="left">
       <div class="darkorange-text"><i class="bi bi-box"></i> BLOCK {{ block.height }}</div>
       <br>
@@ -35,7 +35,7 @@
     </div>
   </div>
 
-  <div class="card border-top-0 rounded-0">
+  <div class="card border-top-0 border-start-0 border-end-0 rounded-0">
     <div class="card-body mb-2" align="left">
       <div class="darkorange-text"><i class="bi bi-receipt"></i> TRANSACTIONS</div>
       <br>
@@ -108,7 +108,7 @@
     </div>
   </div>
 
-  <div class="card border-top-0 rounded-0">
+  <div class="card border-top-0 border-start-0 border-end-0 rounded-0">
     <div class="card-body" align="left">
       <div class="darkorange-text"><i class="bi bi-layout-text-sidebar-reverse"></i> RAW DATA</div>
       <br>
diff --git a/templates/block_list.html.tera b/templates/block_list.html.tera
index b01d0e2..f96751e 100644
--- a/templates/block_list.html.tera
+++ b/templates/block_list.html.tera
@@ -6,7 +6,7 @@
 
 <div class="d-none d-md-block"> <!-- Show on >= md screens -->
   <div class="card-group">
-      <div class="card border-bottom-0 rounded-0">
+      <div class="card border-bottom-0 border-start-0 rounded-0">
         <div class="card-body">
           <div class="darkorange-text">
             HEIGHT
@@ -48,7 +48,7 @@
           </div>
 	</div>
       </div>
-      <div class="card border-bottom-0 rounded-0">
+      <div class="card border-bottom-0 border-end-0 rounded-0">
         <div class="card-body">
           <div class="darkorange-text">
             WEIGHT
@@ -60,7 +60,7 @@
 
     {% for i in range(end=10) %}
     <div class="card-group rounded-0">
-        <div class="card border-bottom-0 rounded-0">
+        <div class="card border-bottom-0 border-start-0 rounded-0">
           <div class="card-body">
             {% if route == "block_list_by_height" %}
               <div class="value-text">
@@ -118,7 +118,7 @@
             {% endif %}
           </div>
 	</div>
-        <div class="card border-bottom-0 rounded-0">
+        <div class="card border-bottom-0 border-end-0 rounded-0">
           <div class="card-body">
             {% if route == "block_list_by_height" %}
               <div class="value-text">{{ blocks[i].weight }} %</div>
@@ -135,7 +135,7 @@
 
 <div class="d-md-none"> <!-- Show on < md screens-->
     {% for i in range(end=10) %}
-        <div class="card border-bottom-0 rounded-0">
+        <div class="card border-bottom-0 border-start-0 border-end-0 rounded-0">
           <div class="card-body" align="left">
               <div class="d-flex justify-content-start">
 	        <i class="bi bi-box darkorange-text"></i>&nbsp;
@@ -211,7 +211,7 @@
 
 {% if route == "block_list_by_height" %}
 
-  <div class="card rounded-0 sticky-bottom">
+  <div class="card rounded-0 border-start-0 border-end-0 sticky-bottom">
     <div class="mt-2 d-flex justify-content-center">
       <div class="me-5">
         {% if height >= (index + 10) %}
@@ -243,7 +243,7 @@
 
 {% else %}
 
-  <div class="card rounded-0 sticky-bottom">
+  <div class="card rounded-0 border-start-0 border-end-0 sticky-bottom">
     <div class="mt-2 d-flex justify-content-center">
       <div class="me-5">
         <a class="text-decoration-none disabled" href="">
diff --git a/templates/error.html.tera b/templates/error.html.tera
index d69f794..e06a486 100644
--- a/templates/error.html.tera
+++ b/templates/error.html.tera
@@ -4,7 +4,7 @@
 
 <code>
 
-  <div class="card">
+  <div class="card border-start-0 border-end-0 rounded-0">
     <div class="card-body">
       <h4>No results found.</h4><br>
       <div class="value-text mb-2">Supported search inputs:</div>
diff --git a/templates/index.html.tera b/templates/index.html.tera
index 3bbf5a6..1d6e9e6 100644
--- a/templates/index.html.tera
+++ b/templates/index.html.tera
@@ -11,7 +11,7 @@
 
 <div class="d-none d-md-block"> <!-- Show on >= md screens -->
       <div class="card-group">
-        <div class="card border-bottom-0 rounded-0">
+        <div class="card border-bottom-0 border-start-0 rounded-0">
           <div class="card-body" align="left">
 	      <div class="darkorange-text"><i class="bi bi-cash-coin"></i> PRICE</div>
               <br>
@@ -33,7 +33,7 @@
           </div>
 	</div>
 
-        <div class="card border-bottom-0 rounded-0">
+        <div class="card border-bottom-0 border-end-0 rounded-0">
           <div class="card-body" align="left">
             <div class="darkorange-text"><i class="bi bi-bank"></i> MARKET</div>
             <br>
@@ -65,10 +65,9 @@
         </div>
       </div>
 
-
       <div class="card-group">
         <div class="card card-background border-0">
-          <div class="card border-bottom-0 rounded-0 mx-0 mt-0">
+          <div class="card border-bottom-0 border-start-0 rounded-0 mx-0 mt-0">
             <div class="card-body" align="left">
 	      <div class="darkorange-text"><i class="bi bi-grid"></i> BLOCKCHAIN</div>
               <br>
@@ -85,7 +84,7 @@
               </div>
             </div>
           </div>
-          <div class="card border-bottom-0 rounded-0 mx-0 my-0">
+          <div class="card border-bottom-0 border-start-0 rounded-0 mx-0 my-0">
             <div class="card-body" align="left">
               <div class="darkorange-text"><i class="bi bi-speedometer2"></i> TRANSACTIONS & FEES</div>
               <br>
@@ -100,7 +99,7 @@
           </div>
         </div>
 
-        <div class="card border-bottom-0 rounded-0">
+        <div class="card border-bottom-0 border-end-0 rounded-0">
           <div class="card-body" align="left">
             <div class="darkorange-text"><i class="bi bi-hammer"></i> MINING</div>
             <br>
@@ -146,9 +145,8 @@
         </div>
       </div>
 
-
       <div class="card-group">
-        <div class="card rounded-0">
+        <div class="card rounded-0 border-start-0">
           <div class="card-body" align="left">
             <div class="darkorange-text"><i class="bi bi-receipt"></i> MEMPOOL</div>
             <br>
@@ -174,7 +172,7 @@
             </div>
           </div>
         </div>
-        <div class="card rounded-0">
+        <div class="card rounded-0 border-end-0">
           <div class="card-body" align="left">
             <div class="darkorange-text"><i class="bi bi-pc-display-horizontal"></i> NODE</div>
             <br>
@@ -196,7 +194,7 @@
 
 <div class="d-md-none"> <!-- Show on < md screens-->
 
-        <div class="card border-bottom-0 rounded-0">
+        <div class="card border-bottom-0 border-start-0 border-end-0 rounded-0">
           <div class="card-body" align="left">
 	      <div class="darkorange-text"><i class="bi bi-cash-coin"></i> PRICE</div>
               <br>
@@ -218,7 +216,7 @@
           </div>
 	</div>
 
-        <div class="card border-bottom-0 rounded-0">
+        <div class="card border-bottom-0 border-start-0 border-end-0 rounded-0">
           <div class="card-body" align="left">
             <div class="darkorange-text"><i class="bi bi-bank"></i> MARKET</div>
             <br>
@@ -249,8 +247,7 @@
           </div>
         </div>
 
-
-        <div class="card border-bottom-0 rounded-0">
+        <div class="card border-bottom-0 border-start-0 border-end-0 rounded-0">
           <div class="card-body" align="left">
               <div class="d-flex justify-content-between">
 	        <div class="darkorange-text"><i class="bi bi-grid"></i> BLOCKCHAIN</div>
@@ -269,7 +266,7 @@
               </div>
           </div>
         </div>
-        <div class="card border-bottom-0 rounded-0">
+        <div class="card border-bottom-0 border-start-0 border-end-0 rounded-0">
           <div class="card-body" align="left">
             <div class="darkorange-text"><i class="bi bi-hammer"></i> MINING</div>
             <br>
@@ -313,7 +310,7 @@
             </div>
           </div>
         </div>
-        <div class="card border-bottom-0 rounded-0">
+        <div class="card border-bottom-0 border-start-0 border-end-0 rounded-0">
           <div class="card-body" align="left">
             <div class="darkorange-text"><i class="bi bi-speedometer2"></i> TRANSACTIONS & FEES</div>
             <br>
@@ -327,9 +324,7 @@
           </div>
         </div>
 
-
-
-        <div class="card border-bottom-0 rounded-0">
+        <div class="card border-bottom-0 border-start-0 border-end-0 rounded-0">
           <div class="card-body" align="left">
             <div class="darkorange-text"><i class="bi bi-receipt"></i> MEMPOOL</div>
             <br>
@@ -342,7 +337,7 @@
             </div>
           </div>
         </div>
-        <div class="card border-bottom-0 rounded-0">
+        <div class="card border-bottom-0 border-start-0 border-end-0 rounded-0">
           <div class="card-body" align="left">
             <div class="darkorange-text"><i class="bi bi-diagram-3"></i> CONNECTIONS</div>
             <br>
@@ -355,7 +350,7 @@
             </div>
           </div>
         </div>
-        <div class="card rounded-0">
+        <div class="card rounded-0 border-start-0 border-end-0">
           <div class="card-body" align="left">
             <div class="darkorange-text"><i class="bi bi-pc-display-horizontal"></i> NODE</div>
             <br>
@@ -466,7 +461,7 @@
 
 <div class="d-none d-md-block"> <!-- Show on >= md screens -->
       <div class="card-group">
-        <div class="card border-bottom-0 rounded-0">
+        <div class="card border-bottom-0 border-start-0 rounded-0">
           <div class="card-body" align="left">
             <div class="darkorange-text"><i class="bi bi-bank"></i> MARKET</div>
             <br>
@@ -489,7 +484,7 @@
           </div>
         </div>
 
-        <div class="card border-bottom-0 rounded-0">
+        <div class="card border-bottom-0 border-end-0 rounded-0">
           <div class="card-body" align="left">
             <div class="darkorange-text"><i class="bi bi-hammer"></i> MINING</div>
             <br>
@@ -508,9 +503,8 @@
         </div>
       </div>
 
-
       <div class="card-group">
-          <div class="card border-bottom-0 rounded-0">
+          <div class="card border-bottom-0 border-start-0 rounded-0">
             <div class="card-body" align="left">
 	      <div class="darkorange-text"><i class="bi bi-grid"></i> BLOCKCHAIN</div>
               <br>
@@ -527,7 +521,7 @@
               </div>
             </div>
           </div>
-          <div class="card border-bottom-0 rounded-0">
+          <div class="card border-bottom-0 border-end-0 rounded-0">
             <div class="card-body" align="left">
               <div class="darkorange-text"><i class="bi bi-speedometer2"></i> TRANSACTIONS & FEES</div>
               <br>
@@ -542,9 +536,8 @@
           </div>
       </div>
 
-
       <div class="card-group">
-        <div class="card rounded-0">
+        <div class="card border-start-0 rounded-0">
           <div class="card-body" align="left">
             <div class="darkorange-text"><i class="bi bi-receipt"></i> MEMPOOL</div>
             <br>
@@ -570,7 +563,7 @@
             </div>
           </div>
         </div>
-        <div class="card rounded-0">
+        <div class="card border-end-0 rounded-0">
           <div class="card-body" align="left">
             <div class="darkorange-text"><i class="bi bi-pc-display-horizontal"></i> NODE</div>
             <br>
@@ -593,7 +586,7 @@
 
 <div class="d-md-none"> <!-- Show on < md screens-->
 
-        <div class="card border-bottom-0 rounded-0">
+        <div class="card border-bottom-0 border-start-0 border-end-0 rounded-0">
           <div class="card-body" align="left">
             <div class="darkorange-text"><i class="bi bi-bank"></i> MARKET</div>
             <br>
@@ -616,8 +609,7 @@
           </div>
         </div>
 
-
-        <div class="card border-bottom-0 rounded-0">
+        <div class="card border-bottom-0 border-start-0 border-end-0 rounded-0">
           <div class="card-body" align="left">
               <div class="d-flex justify-content-between">
 	        <div class="darkorange-text"><i class="bi bi-grid"></i> BLOCKCHAIN</div>
@@ -636,7 +628,7 @@
               </div>
           </div>
         </div>
-        <div class="card border-bottom-0 rounded-0">
+        <div class="card border-bottom-0 border-start-0 border-end-0 rounded-0">
           <div class="card-body" align="left">
             <div class="darkorange-text"><i class="bi bi-hammer"></i> MINING</div>
             <br>
@@ -653,7 +645,7 @@
             </div>
           </div>
         </div>
-        <div class="card border-bottom-0 rounded-0">
+        <div class="card border-bottom-0 border-start-0 border-end-0 rounded-0">
           <div class="card-body" align="left">
             <div class="darkorange-text"><i class="bi bi-speedometer2"></i> TRANSACTIONS & FEES</div>
             <br>
@@ -667,9 +659,7 @@
           </div>
         </div>
 
-
-
-        <div class="card border-bottom-0 rounded-0">
+        <div class="card border-bottom-0 border-start-0 border-end-0 rounded-0">
           <div class="card-body" align="left">
             <div class="darkorange-text"><i class="bi bi-receipt"></i> MEMPOOL</div>
             <br>
@@ -682,7 +672,7 @@
             </div>
           </div>
         </div>
-        <div class="card border-bottom-0 rounded-0">
+        <div class="card border-bottom-0 border-start-0 border-end-0 rounded-0">
           <div class="card-body" align="left">
             <div class="darkorange-text"><i class="bi bi-diagram-3"></i> CONNECTIONS</div>
             <br>
@@ -695,7 +685,7 @@
             </div>
           </div>
         </div>
-        <div class="card rounded-0">
+        <div class="card border-start-0 border-end-0 rounded-0">
           <div class="card-body" align="left">
             <div class="darkorange-text"><i class="bi bi-pc-display-horizontal"></i> NODE</div>
             <br>
@@ -738,70 +728,8 @@
   </div>
 </div>
 
-
-<div class="modal fade" id="mining_cost" tabindex="-1" aria-labelledby="mining_cost_label" aria-hidden="true">
-  <div class="modal-dialog modal-dialog-centered">
-    <div class="modal-content">
-      <div class="modal-header">
-        <h1 class="modal-title fs-5" id="mining_cost_label">Estimated Mining Cost</h1>
-        <div data-bs-theme="light">
-          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
-        </div>
-      </div>
-      <div class="modal-body">
-        Mining cost to produce 1 grin coin.<br>
-        Assuming that:<br>
-        Miner is G1-mini ASIC.<br>
-        Electricity cost is $0.07 per kW/h.<br>
-        <br>
-        <a class="text-decoration-none" href="https://ipollo.com/products/ipollo-g1-mini">https://ipollo.com/products/ipollo-g1-mini</a>
-      </div>
-    </div>
-  </div>
 </div>
 
-<div class="modal fade" id="ratio" tabindex="-1" aria-labelledby="ratio_label" aria-hidden="true">
-  <div class="modal-dialog modal-dialog-centered">
-    <div class="modal-content">
-      <div class="modal-header">
-        <h1 class="modal-title fs-5" id="ratio_label">Reward/Cost Ratio</h1>
-        <div data-bs-theme="light">
-          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
-        </div>
-      </div>
-      <div class="modal-body">
-        Shows the result of the following formula:<br>
-        Price of 1 Grin (USD) / Mining Cost of 1 Grin (USD).<br>
-        <br>
-        <i class="bi bi-hand-thumbs-down"></i> - <= 1<br>
-        <i class="bi bi-hand-thumbs-up"></i> - from 1 to 2<br>
-        <i class="bi bi-emoji-sunglasses"></i> - from 2 to 3<br>
-        <i class='bi bi-rocket-takeoff'></i> - >= 3
-      </div>
-    </div>
-  </div>
-</div>
-
-<div class="modal fade" id="breakeven" tabindex="-1" aria-labelledby="breakeven_label" aria-hidden="true">
-  <div class="modal-dialog modal-dialog-centered">
-    <div class="modal-content">
-      <div class="modal-header">
-        <h1 class="modal-title fs-5" id="breakeven_label">Breakeven Electricity Cost</h1>
-        <div data-bs-theme="light">
-          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
-        </div>
-      </div>
-      <div class="modal-body">
-        Electricity threshold cost below which mining is profitable.<br>
-        Assuming G1-mini ASIC as a miner device.
-      </div>
-    </div>
-  </div>
-</div>
-
-</div>
-
-
 {% endif %}
 
 </code>
diff --git a/templates/kernel.html.tera b/templates/kernel.html.tera
index e94a2c2..b202c10 100644
--- a/templates/kernel.html.tera
+++ b/templates/kernel.html.tera
@@ -4,7 +4,7 @@
 
 <code>
 
-  <div class="card rounded-0">
+  <div class="card border-start-0 border-end-0 rounded-0">
     <div class="card-body">
       <div class="d-flex justify-content-between">
         <div class="darkorange-text"><i class="bi bi-card-text"></i> KERNEL</div>
@@ -44,7 +44,7 @@
   </div>
 
   {% if kernel.status != "Unconfirmed" %}
-    <div class="card border-top-0 rounded-0">
+    <div class="card border-top-0 border-start-0 border-end-0 rounded-0">
       <div class="card-body" align="left">
         <div class="darkorange-text"><i class="bi bi-layout-text-sidebar-reverse"></i> RAW DATA</div>
         <br>
diff --git a/templates/output.html.tera b/templates/output.html.tera
index 2ef9414..0509c62 100644
--- a/templates/output.html.tera
+++ b/templates/output.html.tera
@@ -4,7 +4,7 @@
 
 <code>
 
-  <div class="card rounded-0">
+  <div class="card border-start-0 border-end-0 rounded-0">
     <div class="card-body">
       <div class="d-flex justify-content-between">
         <div class="darkorange-text"><i class="bi bi-card-text"></i> OUTPUT</div>
@@ -37,7 +37,7 @@
   </div>
 
   {% if output.status != "Unconfirmed" %}
-    <div class="card border-top-0 rounded-0">
+    <div class="card border-top-0 border-start-0 border-end-0 rounded-0">
       <div class="card-body" align="left">
         <div class="darkorange-text"><i class="bi bi-layout-text-sidebar-reverse"></i> RAW DATA</div>
         <br>
diff --git a/templates/search.html.tera b/templates/search.html.tera
index dbda3b0..bccf71f 100644
--- a/templates/search.html.tera
+++ b/templates/search.html.tera
@@ -4,7 +4,7 @@
 
 <code>
 
-  <div class="card rounded-0">
+  <div class="card border-start-0 border-end-0 rounded-0">
     <div class="card-body mx-2 mt-2 mb-3">
       <div class="d-flex justify-content-start mb-1">
         <i class="bi bi-box darkorange-text"></i>&nbsp;