diff --git a/btc-UI/src/app/components/middle-section/middle-section.component.html b/btc-UI/src/app/components/middle-section/middle-section.component.html
index 0ba0dfa..e12de2e 100755
--- a/btc-UI/src/app/components/middle-section/middle-section.component.html
+++ b/btc-UI/src/app/components/middle-section/middle-section.component.html
@@ -1,6 +1,5 @@
 <!-- Responsive Container -->
 <div class="middle-section-container" [ngStyle]="{ height: containerHeight }">
-
   <!-- Transaction Summary -->
   <div class="transaction-summary">
     <div
@@ -8,7 +7,6 @@
       style="background-color: #546c98"
     >
       <h5 class="text-center mb-3">Transaction Summary</h5>
-
       <div
         class="rounded flex-grow-1"
         style="background-color: #f1f1f1df; padding: 1rem; overflow: hidden"
@@ -34,36 +32,31 @@
   </div>
 
   <!-- Main Table -->
-<div class="main-table ">
-  <div
-    class="p-2 rounded h-100 d-flex flex-column justify-content-between"
-    style="background-color: #f1f1f1df"
-  >
-    <table class="table borderless-custom w-100 mb-2 table-main">
-      <colgroup>
-        <col style="width: 12%" />
-        <col style="width: 60%" />
-        <col style="width: 10%" />
-        <col style="width: 18%" />
-      </colgroup>
-      <tbody>
-      <tr *ngFor="let row of filledRows">
-        <td class="custom-cell-new-1">{{ row.label }}</td>
-        <td class="custom-cell-new">{{ row.numbers.join(', ') }}</td>
-        <td class="custom-cell-new-2">{{ row.value || '' }}</td>
-        <td class="custom-cell-new-3">{{ row.total || '' }}</td>
-      </tr>
-
-      </tbody>
-    </table>
-
-<div class="buttons-custom d-flex justify-content-between align-items-center">
-  <button class="btn btn-dark">Repeat</button>
-  <div class="fw-bold fs-5">Amount : ₹ {{ grandTotal }}</div>
-</div>
-
+  <div class="main-table">
+    <div
+      class="p-2 rounded h-100 d-flex flex-column justify-content-between"
+      style="background-color: #f1f1f1df"
+    >
+      <table class="table borderless-custom w-100 mb-2 table-main">
+        <colgroup>
+          <col style="width: 12%" /> <!-- Label column -->
+          <col style="width: 60%" /> <!-- Numbers column -->
+          <col style="width: 10%" /> <!-- Value column -->
+          <col style="width: 18%" /> <!-- Total column -->
+        </colgroup>
+        <tbody>
+          <tr *ngFor="let row of filledRows">
+            <td class="custom-cell-new-1">{{ row.label }}</td>
+            <td class="custom-cell-new">{{ row.isBoxed ? '# ' : '' }}{{ row.numbers.join(', ') }}</td>
+            <td class="custom-cell-new-2">{{ row.value || '' }}</td>
+            <td class="custom-cell-new-3">{{ row.total || '' }}</td>
+          </tr>
+        </tbody>
+      </table>
+      <div class="buttons-custom d-flex justify-content-between align-items-center">
+        <button class="btn btn-dark">Repeat</button>
+        <div class="fw-bold fs-5">Amount : ₹ {{ grandTotal }}</div>
+      </div>
+    </div>
   </div>
-</div>
-
-
-      
+</div>
\ No newline at end of file