Increase modal roundedness

src/components/layout/Modal.tsx

@@ -40,7 +40,7 @@ export function Modal({
               <Dialog.Panel
                 className={`w-full ${
                   maxWidth || 'max-w-xs'
-                } max-h-[90vh] transform overflow-auto rounded-md bg-white px-4 py-4 text-left shadow-lg transition-all`}
+                } max-h-[90vh] transform overflow-auto rounded-xl bg-white px-4 py-4 text-left shadow-lg transition-all`}
               >
                 <Dialog.Title as="h3" className="font-medium text-blue-500">
                   {title}

src/features/messages/cards/TransactionCard.tsx

@@ -223,7 +223,7 @@ function CallDataModal({ debugResult }: { debugResult?: MessageDebugResult }) {
         maxWidth="max-w-sm sm:max-w-md"
       >
         <div className="mt-2 flex flex-col space-y-3.5">
-          <p className="text-sm">
+          <p className="text-sm font-light">
             {`The last step of message delivery is the recipient contract's 'handle' function. If the handle reverting, try debugging it with `}
             <a
               className={`${styles.textLink} any:text-blue-500`}