diff --git a/src/components/pages/closing/sale/SalesReportTable.tsx b/src/components/pages/closing/sale/SalesReportTable.tsx
index 18af45a5..552985a9 100644
--- a/src/components/pages/closing/sale/SalesReportTable.tsx
+++ b/src/components/pages/closing/sale/SalesReportTable.tsx
@@ -375,20 +375,9 @@ const SalesReportTable = ({
                       columns={salesColumns}
                       renderCustomHeaders={true}
                       customHeaderRows={salesCustomHeaderRows}
-                      className={{
-                        tableWrapperClassName: 'overflow-x-auto',
-                        tableClassName: 'w-full table-auto text-sm',
-                        headerRowClassName: 'hidden',
-                        bodyRowClassName: 'hover:bg-gray-50 transition-colors',
-                        bodyColumnClassName:
-                          'px-4 py-3 text-xs text-gray-900 whitespace-nowrap border border-gray-300',
-                      }}
-                    />
-
-                    {/* Summary Row */}
-                    {salesBroilerData.length > 0 && (
-                      <table className='w-full table-auto text-sm mt-0'>
-                        <tbody>
+                      renderFooter={salesBroilerData.length > 0}
+                      footerContent={
+                        <tfoot>
                           <tr className='bg-gray-100 font-semibold'>
                             <td className='px-4 py-3 text-xs text-gray-900 whitespace-nowrap border border-gray-300 border-t-0'>
                               Total Penjualan
@@ -433,9 +422,17 @@ const SalesReportTable = ({
                               -
                             </td>
                           </tr>
-                        </tbody>
-                      </table>
-                    )}
+                        </tfoot>
+                      }
+                      className={{
+                        tableWrapperClassName: 'overflow-x-auto',
+                        tableClassName: 'w-full table-auto text-sm',
+                        headerRowClassName: 'hidden',
+                        bodyRowClassName: 'hover:bg-gray-50 transition-colors',
+                        bodyColumnClassName:
+                          'px-4 py-3 text-xs text-gray-900 whitespace-nowrap border border-gray-300',
+                      }}
+                    />
                   </Card>
                 </div>
               ),