From cf0937763b41382475f958f3309c2e99541b1697 Mon Sep 17 00:00:00 2001
From: Ryan Chen <ryan@torrtle.co>
Date: Fri, 3 Apr 2026 14:06:52 -0400
Subject: [PATCH] Fix Game Queue row overflow in category group containers

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 frontend/frontend/src/components/questionbank/GameSetupView.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/frontend/src/components/questionbank/GameSetupView.tsx b/frontend/frontend/src/components/questionbank/GameSetupView.tsx
index aebe1cf..333c4dc 100644
--- a/frontend/frontend/src/components/questionbank/GameSetupView.tsx
+++ b/frontend/frontend/src/components/questionbank/GameSetupView.tsx
@@ -975,7 +975,7 @@ export default function GameSetupView() {
 											let runningIndex = 0;
 											return groupedQueue.map(
 												(group, gi) => (
-													<div key={group.category}>
+													<div key={group.category} className="min-w-0 overflow-hidden">
 														{/* Category header */}
 														<div className="flex items-center gap-1 px-1 py-1.5">
 															<span className="flex-1 text-xs font-semibold text-muted-foreground">