From 65ac9b3cecffd8e201aad50ebcbf8b6b0170b0b8 Mon Sep 17 00:00:00 2001
From: decolua <decoluadt@gmail.com>
Date: Sun, 26 Jul 2026 10:03:31 +0700
Subject: [PATCH] fix(ui): prevent hidden quota row from overflowing

Use w-full instead of min-w-0/flex-1 + overflow-x-auto so the hidden
quota chips wrap cleanly instead of stretching the row.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 .../dashboard/usage/components/ProviderLimits/index.js          | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/(dashboard)/dashboard/usage/components/ProviderLimits/index.js b/src/app/(dashboard)/dashboard/usage/components/ProviderLimits/index.js
index a0396897..b573272e 100644
--- a/src/app/(dashboard)/dashboard/usage/components/ProviderLimits/index.js
+++ b/src/app/(dashboard)/dashboard/usage/components/ProviderLimits/index.js
@@ -1270,7 +1270,7 @@ export default function ProviderLimits() {
                       visibility_off
                     </span>
                     <span className="shrink-0">Hidden:</span>
-                    <div className="flex min-w-0 flex-1 items-center gap-1 overflow-x-auto whitespace-nowrap">
+                    <div className="flex w-full items-center gap-1">
                       {hiddenQuotaRows.map((quotaRow) => (
                         <button
                           key={getQuotaVisibilityKey(quotaRow)}