diff --git a/src/app/pages/bans/bans.component.html b/src/app/pages/bans/bans.component.html
index 7f51755..253fd13 100644
--- a/src/app/pages/bans/bans.component.html
+++ b/src/app/pages/bans/bans.component.html
@@ -43,7 +43,7 @@
     <h4 class="mb-3">Ban another node by IP</h4>
 
       
-    <div class="row g-5 p-2">
+    <div class="row g-5 p-3">
       <div class="col-md-12 col-lg-12">
         <div *ngIf="setBansSuccess" class="alert alert-success d-flex align-items-center justify-content-center text-center" role="alert">
           <h4><i class="bi bi-check-circle m-2"></i></h4>&nbsp;&nbsp;
diff --git a/src/app/pages/blockchain/blockchain.component.html b/src/app/pages/blockchain/blockchain.component.html
index 766d576..f6df84c 100644
--- a/src/app/pages/blockchain/blockchain.component.html
+++ b/src/app/pages/blockchain/blockchain.component.html
@@ -268,7 +268,7 @@
     
     <hr *ngIf="block" class="my-4">
 
-    <div class="row g-5 p-2">
+    <div class="row g-5 p-3">
       <div class="col-md-12 col-lg-12">
         <div class="row gy-3">
           <div class="form-check form-switch col-md-6">
@@ -398,7 +398,7 @@
 
     <hr *ngIf="blockHeader" class="my-4">
 
-    <div class="row g-5 p-2">
+    <div class="row g-5 p-3">
       <div class="col-md-12 col-lg-12">
         <div class="row gy-3">
           <div class="form-check form-switch col-md-6">
@@ -453,7 +453,7 @@
       </div>
     </div>
 
-    <div class="row g-5 p-2">
+    <div class="row g-5 p-3">
       <div class="col-md-12 col-lg-12">
         <div class="row gy-3">
 
diff --git a/src/app/pages/logs/logs.component.html b/src/app/pages/logs/logs.component.html
index 8a5ea2e..5143b85 100644
--- a/src/app/pages/logs/logs.component.html
+++ b/src/app/pages/logs/logs.component.html
@@ -41,7 +41,7 @@
       </div>
     </div>
 
-    <div class="row g-5 p-2">
+    <div class="row g-5 p-3">
       <div class="col-md-12 col-lg-12">
         <h4 class="mb-3">Set the daemon log level</h4>
                   
@@ -80,7 +80,7 @@
       </div>
     </div>
 
-    <div class="row g-5 p-2">
+    <div class="row g-5 p-3">
       <div class="col-md-12 col-lg-12">
         <h4 class="mb-3">Set the daemon log categories</h4>
         <div class="row gy-3">
@@ -744,7 +744,7 @@
       </div>
     </div>
 
-    <div class="row g-5 p-2">
+    <div class="row g-5 p-3">
       <div class="col-md-12 col-lg-12">
         <h4 class="mb-3">Set the log hash rate display mode</h4>
 
diff --git a/src/app/pages/mining/mining.component.html b/src/app/pages/mining/mining.component.html
index 4269fa3..034794c 100644
--- a/src/app/pages/mining/mining.component.html
+++ b/src/app/pages/mining/mining.component.html
@@ -85,7 +85,7 @@
       </div>
     </div>
 
-    <div *ngIf="!coreBusy && miningStatus && !miningStatus.active" class="row g-5 p-2">
+    <div *ngIf="!coreBusy && miningStatus && !miningStatus.active" class="row g-5 p-3">
       <div class="col-md-12 col-lg-12">
         <div class="row gy-3">
           <h4 class="mb-3">Start mining on the daemon</h4>
@@ -257,7 +257,7 @@
     
     <hr *ngIf="blockTemplate" class="my-4">
 
-    <div class="row g-5 p-2">
+    <div class="row g-5 p-3">
       <div class="col-md-12 col-lg-12">
         <div class="row gy-3">
 
@@ -295,7 +295,7 @@
       </div>
     </div>
 
-    <div class="row g-5 p-2">
+    <div class="row g-5 p-3">
       <div class="col-md-12 col-lg-12">
         <div class="row gy-3">
           <h4 class="mb-3">Calculate PoW hash for a block candidate</h4>
@@ -420,7 +420,7 @@
     
     <hr *ngIf="addAuxPowResult !== undefined" class="my-4">
 
-    <div *ngIf="!coreBusy" class="row g-5 p-2">
+    <div *ngIf="!coreBusy" class="row g-5 p-3">
       <div class="col-md-12 col-lg-12">
         <div class="row gy-3">
           <h4 class="mb-3">Easily enable merge mining with Monero without requiring software that manually alters the extra field in the coinbase tx to include the merkle root of the aux blocks</h4>
@@ -480,7 +480,7 @@
       </div>
     </div>
 
-    <div class="row g-5 p-2">
+    <div class="row g-5 p-3">
       <div class="col-md-12 col-lg-12">
         <div class="col-md-12 col-lg-12">
 
@@ -563,7 +563,7 @@
 
     <hr *ngIf="generatedBlocks" class="my-4">
 
-    <div class="row g-5 p-2">
+    <div class="row g-5 p-3">
       <div class="col-md-12 col-lg-12">
         <div class="row gy-3">
           <h4 class="mb-3">Generate a block and specify the address to receive the coinbase reward</h4>
diff --git a/src/app/pages/network/network.component.html b/src/app/pages/network/network.component.html
index aae4df1..13adda4 100644
--- a/src/app/pages/network/network.component.html
+++ b/src/app/pages/network/network.component.html
@@ -85,7 +85,7 @@
       </div>
     </div>
 
-    <div class="row g-5 p-2">
+    <div class="row g-5 p-3">
       <div class="col-md-12 col-lg-12">
         <div class="row gy-3">
 
diff --git a/src/app/pages/outputs/outputs.component.html b/src/app/pages/outputs/outputs.component.html
index 55143f1..b7aa600 100644
--- a/src/app/pages/outputs/outputs.component.html
+++ b/src/app/pages/outputs/outputs.component.html
@@ -43,7 +43,7 @@
       </table>
     </div>
 
-    <div class="row g-5 p-2">
+    <div class="row g-5 p-3">
       <div class="col-md-12 col-lg-12">
         <div class="row gy-3">
 
@@ -103,7 +103,7 @@
       </div>
     </div>
 
-    <div class="row g-5 p-2">
+    <div class="row g-5 p-3">
       <div class="col-md-12 col-lg-12">
         <div class="row gy-3">
       
@@ -214,7 +214,7 @@
       </table>
     </div>
 
-    <div class="row g-5 p-2">
+    <div class="row g-5 p-3">
       <div class="col-md-12 col-lg-12">
         <div class="row gy-3">
 
@@ -301,7 +301,7 @@
 
     </div>
     
-    <div class="row g-5 p-2">
+    <div class="row g-5 p-3">
       <div class="col-md-12 col-lg-12">
         <div class="row gy-3">
           <h4 class="mb-3">Check if outputs have been spent using the key image associated with the output</h4>
diff --git a/src/app/pages/peers/peers.component.html b/src/app/pages/peers/peers.component.html
index c67a5c8..4dcf3b8 100644
--- a/src/app/pages/peers/peers.component.html
+++ b/src/app/pages/peers/peers.component.html
@@ -92,7 +92,7 @@
       </div>
     </div>
 
-    <div class="row g-5 p-2">
+    <div class="row g-5 p-3">
       <div class="col-md-12 col-lg-12">
         <div class="row gy-3">
 
@@ -129,7 +129,7 @@
       </div>
     </div>
 
-    <div class="row g-5 p-2">
+    <div class="row g-5 p-3">
       <div class="col-md-12 col-lg-12">
         <div class="row gy-3">
 
diff --git a/src/app/pages/settings/settings.component.html b/src/app/pages/settings/settings.component.html
index 45c40ad..5be8448 100644
--- a/src/app/pages/settings/settings.component.html
+++ b/src/app/pages/settings/settings.component.html
@@ -29,7 +29,7 @@
   </div>
 
   <div class="tab-pane fade show active" id="pills-general" role="tabpanel" aria-labelledby="pills-general-tab" tabindex="0">
-    <div class="row g-5 p-2">
+    <div class="row g-5 p-3">
       <div class="col-md-12 col-lg-12">
         <h4 class="mb-3">Monerod</h4>
 
@@ -105,7 +105,7 @@
   </div>
 
   <div class="tab-pane fade" id="pills-node" role="tabpanel" aria-labelledby="pills-node-tab" tabindex="0">
-    <div class="row g-5 p-2">
+    <div class="row g-5 p-3">
       <div class="col-md-12 col-lg-12">
         <h4 class="mb-3">Node</h4>
 
@@ -285,7 +285,7 @@
   </div>
 
   <div class="tab-pane fade" id="pills-rpc" role="tabpanel" aria-labelledby="pills-rpc-tab" tabindex="0">
-    <div class="row g-5 p-2">
+    <div class="row g-5 p-3">
       <div class="col-md-12 col-lg-12">
         <h4 class="mb-3">General</h4>
         <div class="row gy-3">
@@ -522,7 +522,7 @@
   </div>
 
   <div class="tab-pane fade" id="pills-p2p" role="tabpanel" aria-labelledby="pills-p2p-tab" tabindex="0">
-    <div class="row g-5 p-2">
+    <div class="row g-5 p-3">
       <div class="col-md-12 col-lg-12">
         <h4 class="mb-3">General</h4>
         <div class="row gy-3">
@@ -693,7 +693,7 @@
 
   <div class="tab-pane fade" id="pills-blockchain" role="tabpanel" aria-labelledby="pills-blockchain-tab" tabindex="0">
     
-    <div class="row g-5 p-2">
+    <div class="row g-5 p-3">
       <div class="col-md-12 col-lg-12">
         <form class="needs-validation" novalidate="">
                 
@@ -891,7 +891,7 @@
   </div>
 
   <div class="tab-pane fade" id="pills-mining" role="tabpanel" aria-labelledby="pills-mining-tab" tabindex="0">
-    <div class="row g-5 p-2">
+    <div class="row g-5 p-3">
       <div class="col-md-12 col-lg-12">
         <form class="needs-validation" novalidate="">
 
@@ -967,7 +967,7 @@
   </div>
 
   <div class="tab-pane fade" id="pills-logs" role="tabpanel" aria-labelledby="pills-logs-tab" tabindex="0">
-    <div class="row g-5 p-2">
+    <div class="row g-5 p-3">
       <div class="col-md-12 col-lg-12">
         <form class="needs-validation" novalidate="">
     
diff --git a/src/app/pages/transactions/transactions.component.html b/src/app/pages/transactions/transactions.component.html
index 66a4e8f..b5213c1 100644
--- a/src/app/pages/transactions/transactions.component.html
+++ b/src/app/pages/transactions/transactions.component.html
@@ -127,7 +127,7 @@
 
   <div class="tab-pane fade" id="pills-relay-tx" role="tabpanel" aria-labelledby="pills-relay-tx-tab" tabindex="0">
   
-    <div class="row g-5 p-2">
+    <div class="row g-5 p-3">
         <div class="col-md-12 col-lg-12">
           <div *ngIf="relaySuccess" class="alert alert-success d-flex align-items-center justify-content-center text-center" role="alert">
             <h4><i class="bi bi-send-check m-2"></i></h4>&nbsp;&nbsp;
@@ -173,7 +173,7 @@
   </div>
   
   <div class="tab-pane fade" id="pills-send-raw-tx" role="tabpanel" aria-labelledby="pills-send-raw-tx-tab" tabindex="0">
-    <div class="row g-5 p-2">
+    <div class="row g-5 p-3">
         <div class="col-md-12 col-lg-12">
           <div *ngIf="sendRawTxSuccess" class="alert alert-success d-flex align-items-center justify-content-center text-center" role="alert">
             <h4><i class="bi bi-send-check m-2"></i></h4>&nbsp;&nbsp;
@@ -241,7 +241,7 @@
 
     <hr *ngIf="getFeeEstimateSuccess" class="my-4">
 
-    <div class="row g-5 p-2">
+    <div class="row g-5 p-3">
       <div class="col-md-12 col-lg-12">
         <form class="needs-validation" novalidate="">
           <div class="row g-3">
@@ -284,7 +284,7 @@
   </div>
 
   <div class="tab-pane fade" id="pills-coinbase-tx-sum" role="tabpanel" aria-labelledby="pills-coinbase-tx-sum-tab" tabindex="0">
-    <div class="row g-5 p-2">
+    <div class="row g-5 p-3">
         <div class="col-md-12 col-lg-12">
           
           <div *ngIf="getCoinbaseTxSumError !== ''" class="alert alert-danger d-flex align-items-center justify-content-center text-center" role="alert">
@@ -345,7 +345,7 @@
       </div>
     </div>
 
-    <div class="row g-5 p-2">
+    <div class="row g-5 p-3">
         <div class="col-md-12 col-lg-12">
           <h4 class="mb-3">Flush a list of transaction IDs</h4>
           <form class="needs-validation" novalidate="">
@@ -388,7 +388,7 @@
       </div>
     </div>
     
-    <div class="row g-5 p-2">
+    <div class="row g-5 p-3">
         <div class="col-md-12 col-lg-12">
           <h4 class="mb-3">Flush bad transactions / blocks from the cache</h4>
           <form class="needs-validation" novalidate="">