diff --git a/app/routes/plus/suggestions.tsx b/app/routes/plus/suggestions.tsx
index c10981cc8..46f5aac6b 100644
--- a/app/routes/plus/suggestions.tsx
+++ b/app/routes/plus/suggestions.tsx
@@ -233,8 +233,7 @@ function SuggestedUser({
discordId={suggested.suggestedUser.discordId}
size="md"
/>
- {/* xxx: can cause page to overflow when long e.g. Buckinghamshire */}
-
{suggested.suggestedUser.discordName}
+
Buckinghamshire
{canAddCommentToSuggestionFE({
user,
suggestions: data.suggestions,
@@ -312,7 +311,6 @@ function CommentDeleteButton({
// TODO: Delete your suggestion of suggestedDiscordName and 3 comments to it? + different behavior of the delete event
dialogHeading={`Delete your comment to ${suggestedDiscordName}'s +${tier} suggestion?`}
>
- {/* xxx: what when this is the first suggestion... it would trigger different behavior so confusing maybe? */}
}
diff --git a/app/styles/plus.css b/app/styles/plus.css
index 8288a6f3a..233a959d6 100644
--- a/app/styles/plus.css
+++ b/app/styles/plus.css
@@ -46,6 +46,7 @@
display: flex;
align-items: center;
gap: var(--s-2);
+ overflow-x: auto;
}
.plus__comment-button {