fix: show overflow and break the word if long (#707)

RootstockCollective · Feb 19, 2025 · 3d15435 · 3d15435
1 parent 9f083b5
commit 3d15435
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/app/collective-rewards/leaderboard/BuildersLeaderBoardTable.tsx b/src/app/collective-rewards/leaderboard/BuildersLeaderBoardTable.tsx
@@ -131,7 +131,7 @@ export const BuildersLeaderBoardTable: FC = () => {
 
   return (
     <div className="flex flex-col gap-5 w-full">
-      <TableCore className="table-fixed">
+      <TableCore className="table-fixed overflow-visible">
         <TableHead>
           <TableRow className="normal-case">
             {tableHeaders.map(header => (

diff --git a/src/components/Address/AddressOrAlias.tsx b/src/components/Address/AddressOrAlias.tsx
@@ -12,7 +12,7 @@ export const AddressOrAlias: React.FC<AddressProps> = ({ addressOrAlias, classNa
   const key = isAddress(addressOrAlias) ? 'address' : 'alias'
 
   const addressClass = 'font-normal text-base leading-none text-text-primary'
-  const aliasClass = 'text-sm line-clamp-1'
+  const aliasClass = 'text-sm line-clamp-1 break-all'
 
   const renderedComponent = {
     alias: <Span className={cn(aliasClass, className)}>{addressOrAlias}</Span>,