From 2001cdb843d596fa433ba88a91f8ed15959e505b Mon Sep 17 00:00:00 2001
From: ValdiANS <rvdans002@gmail.com>
Date: Fri, 28 Nov 2025 10:29:36 +0700
Subject: [PATCH] chore(FE-205): adjust content styling

---
 .../expense/ExpenseRealizationContent.tsx     | 42 ++++++++++---------
 1 file changed, 23 insertions(+), 19 deletions(-)

diff --git a/src/components/pages/expense/ExpenseRealizationContent.tsx b/src/components/pages/expense/ExpenseRealizationContent.tsx
index b9199102..478cdadf 100644
--- a/src/components/pages/expense/ExpenseRealizationContent.tsx
+++ b/src/components/pages/expense/ExpenseRealizationContent.tsx
@@ -163,32 +163,36 @@ const ExpenseRealizationContent = ({
       <div className='w-full max-w-5xl mt-8 mx-auto'>
         <div className='flex flex-row gap-4'>
           <Card variant='bordered' size='sm' className={{ wrapper: 'grow' }}>
-            <h3 className='text-sm'>Nominal Pengajuan</h3>
+            <div className='w-full flex flex-col gap-2'>
+              <h3 className='text-sm'>Nominal Pengajuan</h3>
 
-            <span className='text-xl'>
-              {formatCurrency(initialValues?.total_pengajuan as number)}
-            </span>
+              <span className='text-xl'>
+                {formatCurrency(initialValues?.total_pengajuan as number)}
+              </span>
 
-            <span className='text-sm'>
-              Terbayar{' '}
-              {formatCurrency(initialValues?.total_realisasi as number)}
-            </span>
+              <span className='text-sm'>
+                Terbayar{' '}
+                {formatCurrency(initialValues?.total_realisasi as number)}
+              </span>
+            </div>
           </Card>
 
           <Card variant='bordered' size='sm' className={{ wrapper: 'grow' }}>
-            <h3 className='text-sm'>Nominal Realisasi</h3>
+            <div className='w-full flex flex-col gap-2'>
+              <h3 className='text-sm'>Nominal Realisasi</h3>
 
-            <span className='text-xl'>
-              {formatCurrency(initialValues?.total_realisasi as number)}
-            </span>
+              <span className='text-xl'>
+                {formatCurrency(initialValues?.total_realisasi as number)}
+              </span>
 
-            <span className='text-sm'>
-              Selisih{' '}
-              {formatCurrency(
-                (initialValues?.total_realisasi as number) -
-                  (initialValues?.total_pengajuan as number)
-              )}
-            </span>
+              <span className='text-sm'>
+                Selisih{' '}
+                {formatCurrency(
+                  (initialValues?.total_realisasi as number) -
+                    (initialValues?.total_pengajuan as number)
+                )}
+              </span>
+            </div>
           </Card>
         </div>
       </div>