diff --git a/libs/assets/src/lib/asset-details-table.tsx b/libs/assets/src/lib/asset-details-table.tsx index f0cff4c37..d22ea2b66 100644 --- a/libs/assets/src/lib/asset-details-table.tsx +++ b/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) => ({ diff --git a/libs/ui-toolkit/src/components/dialog/dialog.tsx b/libs/ui-toolkit/src/components/dialog/dialog.tsx index 1bba4f73b..6e36f2644 100644 --- a/libs/ui-toolkit/src/components/dialog/dialog.tsx +++ b/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