From 9f4c041ec87968fdb059d7dd4d90d665898a7d5a Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Fri, 27 Feb 2026 11:27:51 +0700
Subject: [PATCH] refactor(FE): Update FinanceTable layout and conditional
 styling

---
 src/components/pages/finance/FinanceTable.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/pages/finance/FinanceTable.tsx b/src/components/pages/finance/FinanceTable.tsx
index 8ef90c3d..14c73b04 100644
--- a/src/components/pages/finance/FinanceTable.tsx
+++ b/src/components/pages/finance/FinanceTable.tsx
@@ -709,7 +709,7 @@ const FinanceTable = () => {
         </div>
 
         {/* Table Section */}
-        <div className='flex flex-col mb-4 -mx-4 px-4'>
+        <div className='flex flex-col mb-4'>
           {isLoading ? (
             <div className='w-full flex flex-row justify-center items-center p-4'>
               <span className='loading loading-spinner loading-xl' />
@@ -727,7 +727,10 @@ const FinanceTable = () => {
               onPageSizeChange={setPageSize}
               isLoading={isLoading}
               className={{
-                containerClassName: 'p-3 mb-0',
+                containerClassName: cn('p-3 mb-0', {
+                  'w-full':
+                    isResponseSuccess(finances) && finances?.data?.length === 0,
+                }),
                 headerColumnClassName: 'text-nowrap',
               }}
             />