From fd8d27e3d2f27f77bdb5b8671bc6eebb9e01b2e1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=98=D0=BB=D1=8C=D1=8F=D1=81=20=D0=A1=D1=83=D0=BB=D1=82?=
 =?UTF-8?q?=D0=B0=D0=BD=D0=BE=D0=B2?= <si@op16.ru>
Date: Fri, 24 Jul 2026 16:25:45 +0300
Subject: [PATCH] =?UTF-8?q?fix:=20=D0=BF=D0=BE=D0=BB=D0=B5=20200px,=20?=
 =?UTF-8?q?=D0=B1=D0=B5=D0=B9=D0=B4=D0=B6=D0=B8=20=D0=B2=20=D0=BE=D1=82?=
 =?UTF-8?q?=D0=B4=D0=B5=D0=BB=D1=8C=D0=BD=D0=BE=D0=BC=20flex-=D0=BA=D0=BE?=
 =?UTF-8?q?=D0=BD=D1=82=D0=B5=D0=B9=D0=BD=D0=B5=D1=80=D0=B5=20=D1=80=D1=8F?=
 =?UTF-8?q?=D0=B4=D0=BE=D0=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/TableFieldMultiSelect.tsx  | 40 ++++++++++---------
 1 file changed, 21 insertions(+), 19 deletions(-)

diff --git a/client/src/components/TableFieldMultiSelect.tsx b/client/src/components/TableFieldMultiSelect.tsx
index 5606a30..4d8a5e0 100644
--- a/client/src/components/TableFieldMultiSelect.tsx
+++ b/client/src/components/TableFieldMultiSelect.tsx
@@ -142,10 +142,10 @@ export default function TableFieldMultiSelect({
   }
 
   return (
-    <div className="flex flex-wrap items-center gap-1 w-full">
+    <div className="flex items-center gap-1 w-full">
       <Popover open={isOpen} onOpenChange={setIsOpen} modal={false}>
         <PopoverAnchor asChild>
-          <div className="relative w-auto min-w-[120px] max-w-[240px] flex-shrink-0">
+          <div className="relative w-[200px] flex-shrink-0">
             <Input
               ref={inputRef}
               className="h-8"
@@ -219,23 +219,25 @@ export default function TableFieldMultiSelect({
           </div>
         </PopoverContent>
       </Popover>
-      {selectedLabels.map((label, idx) => {
-        const rowId = selectedValues[idx];
-        return (
-          <div key={rowId} className="inline-flex items-center gap-1 px-1.5 py-0.5 rounded bg-muted text-xs shrink-0">
-            <span className="truncate max-w-[150px]">{label}</span>
-            <Button
-              type="button"
-              variant="ghost"
-              size="icon"
-              className="h-4 w-4"
-              onClick={() => toggle(rowId)}
-            >
-              <X className="w-3 h-3" />
-            </Button>
-          </div>
-        );
-      })}
+      <div className="flex flex-wrap items-center gap-1 flex-1 min-w-0">
+        {selectedLabels.map((label, idx) => {
+          const rowId = selectedValues[idx];
+          return (
+            <div key={rowId} className="inline-flex items-center gap-1 px-1.5 py-0.5 rounded bg-muted text-xs shrink-0">
+              <span className="truncate max-w-[150px]">{label}</span>
+              <Button
+                type="button"
+                variant="ghost"
+                size="icon"
+                className="h-4 w-4"
+                onClick={() => toggle(rowId)}
+              >
+                <X className="w-3 h-3" />
+              </Button>
+            </div>
+          );
+        })}
+      </div>
     </div>
   );
 }