fix: asset dialog overflow (2488) (#2497)

libs/assets/src/lib/asset-details-table.tsx

@@ -213,7 +213,7 @@ export const AssetDetailsTable = ({
 }: AssetDetailsTableProps) => {
   const longStringModifiers = (key: AssetDetail, value: string) =>
     (value && key === AssetDetail.CONTRACT_ADDRESS) || key === AssetDetail.ID
-      ? { className: 'truncate', title: value }
+      ? { className: 'break-all', title: value }
       : {};
 
   const details = rows.map((r) => ({

libs/ui-toolkit/src/components/dialog/dialog.tsx

@@ -34,7 +34,7 @@ export function Dialog({
   );
   const wrapperClasses = classNames(
     // Positions the modal in the center of screen
-    'z-20 relative rounded top-[10vh] max-w-[90vw]',
+    'z-20 relative rounded top-[10vh]',
     // Dimensions
     'max-w-[90vw] p-4 md:p-8',
     // Need to apply background and text colors again as content is rendered in a portal