提出物一覧カード内のユーザ名が長いと画面サイズを狭くしたときカードの幅が変わってしまう

[MikotoMakizuru]

概要

メンターのダッシュボード画面において、各提出物に表示されるユーザ名が長いと画面サイズを狭くした時全表示されてカードの幅が変わってしまう。

再現手順

1. メンターダッシュボード画面の提出物に表示されるアカウント名を長いものにする（例：johnathan-alexander-williams-jackson-michael-thompson-johnson）
2. メンターダッシュボード画面表示し、画面の横のサイズを 1024px 未満にする
3. 提出物一覧のカードの幅が変わってしまう

期待される振る舞い

カッコは含めずにアカウント名と名前（カナ）を合わせて20 文字を超過する文字列は「...」で省略する

スクリーンショット

再現の手順から、画面を狭くしていったときのカード幅が広がる挙動までを撮影しています。

https://github.com/user-attachments/assets/ad9e9a3b-ff38-4e2b-b2e0-9f49149ff58b

環境

• OS: macOS
• ブラウザ: chrome, Firefox