fix: fixed p can’t be an assendence of p (#455)

src/components/Modals/Account/AccountDeleteAlertDialog.tsx

@@ -10,14 +10,14 @@ interface Props {
   positiveButton: AlertDialogButton
 }
 
-export default function AccoundDeleteAlertDialog(props: Props) {
+export default function AccountDeleteAlertDialog(props: Props) {
   const { open: showAlertDialog } = useAlertDialog()
   const { title, description, closeHandler, positiveButton } = props
 
   useEffect(() => {
     showAlertDialog({
       icon: (
-        <div className='flex h-full w-full p-3'>
+        <div className='flex w-full h-full p-3'>
           <InfoCircle />
         </div>
       ),

src/components/Modals/Account/AccountDeleteModal.tsx

@@ -103,7 +103,7 @@ function AccountDeleteModal(props: Props) {
       title={`Delete Credit Account ${accountId}`}
       description={
         <>
-          <Text className='text-white/50' size='sm'>
+          <Text className='mt-2 text-white/50' size='sm'>
             The following assets within your credit account will be sent to your wallet.
           </Text>
           <div className='flex flex-col w-full gap-4 py-4 overflow-y-scroll max-h-100 scrollbar-hide'>

src/components/Modals/AlertDialog/index.tsx

@@ -52,7 +52,11 @@ function AlertDialog(props: Props) {
       hideCloseBtn
     >
       <Text size='xl'>{title}</Text>
-      <Text className='mt-2 text-white/60'>{description}</Text>
+      {typeof description === 'string' ? (
+        <Text className='mt-2 text-white/60'>{description}</Text>
+      ) : (
+        description
+      )}
       <div
         className={classNames('mt-10 flex justify-between', positiveButton && 'flex-row-reverse')}
       >