Truncate leaderboard name

web/components/avatar.tsx

@@ -19,7 +19,7 @@ export function Avatar(props: {
           Router.push(`/${username}`)
         }
   return (
-    <div className={`rounded-full bg-white w-${s} h-${s}`}>
+    <div className={`rounded-full bg-white flex-shrink-0 w-${s} h-${s}`}>
       {avatarUrl ? (
         <img
           className={clsx(

web/components/leaderboard.tsx

@@ -36,7 +36,7 @@ export function Leaderboard(props: {
               {users.map((user, index) => (
                 <tr key={user.id}>
                   <td>{index + 1}</td>
-                  <td>
+                  <td style={{ maxWidth: 190 }}>
                     <SiteLink className="relative" href={`/${user.username}`}>
                       <Row className="items-center gap-4">
                         <Avatar avatarUrl={user.avatarUrl} size={8} />