chore(FE-205): adjust content styling

src/components/pages/expense/ExpenseRealizationContent.tsx

@@ -163,6 +163,7 @@ 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' }}>
+            <div className='w-full flex flex-col gap-2'>
               <h3 className='text-sm'>Nominal Pengajuan</h3>
 
               <span className='text-xl'>
@@ -173,9 +174,11 @@ const ExpenseRealizationContent = ({
                 Terbayar{' '}
                 {formatCurrency(initialValues?.total_realisasi as number)}
               </span>
+            </div>
           </Card>
 
           <Card variant='bordered' size='sm' className={{ wrapper: 'grow' }}>
+            <div className='w-full flex flex-col gap-2'>
               <h3 className='text-sm'>Nominal Realisasi</h3>
 
               <span className='text-xl'>
@@ -189,6 +192,7 @@ const ExpenseRealizationContent = ({
                     (initialValues?.total_pengajuan as number)
                 )}
               </span>
+            </div>
           </Card>
         </div>
       </div>