[bugfix] APY display improvement vault (#383)

src/components/Modals/FundWithdraw/FundAndWithdrawModalContent.tsx

@@ -18,7 +18,7 @@ export default function FundWithdrawModalContent(props: Props) {
     <div className='flex flex-1 items-start gap-6 p-6'>
       <Card
         className='flex flex-1 bg-white/5 p-4'
-        contentClassName='gap-6 flex flex-col justify-between h-full min-h-[380px] '
+        contentClassName='gap-6 flex flex-col justify-between h-full min-h-[380px]'
       >
         {isFunding ? (
           <FundAccount account={account} setChange={setChange} />

src/components/Modals/Vault/VaultModalContentHeader.tsx

@@ -39,12 +39,14 @@ export default function VaultModalContentHeader({ vault }: Props) {
                   options={{ suffix: '%', decimals: -2 }}
                   animate
                 />
+                (
                 <FormattedNumber
                   className='ml-2 text-xs'
                   amount={vault.apy / 365}
                   options={{ suffix: '%/day', decimals: -2 }}
                   animate
                 />
+                )
               </div>
             }
             sub={'Deposit APY'}

src/components/Modals/Vault/index.tsx

@@ -59,7 +59,7 @@ function VaultModal(props: Props) {
     <Modal
       onClose={onClose}
       header={
-        <span className='flex items-center px-4'>
+        <span className='flex items-center pr-4 py-1'>
           <VaultLogo vault={vault} />
           <Text className='pl-3 pr-2'>{vault.name}</Text>
           {unlockTime && (