From ba85fd1f7f3ab0c4696e871a22491bae2ba6dfa3 Mon Sep 17 00:00:00 2001
From: igorrCarvalho <igorsilvabhz6@gmail.com>
Date: Wed, 29 Nov 2023 21:51:42 -0300
Subject: [PATCH] Fix: Make vectorStore tag stop braking button box

---
 src/frontend/src/components/tagsSelectorComponent/index.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/frontend/src/components/tagsSelectorComponent/index.tsx b/src/frontend/src/components/tagsSelectorComponent/index.tsx
index 3c3a94be6..281ff8c66 100644
--- a/src/frontend/src/components/tagsSelectorComponent/index.tsx
+++ b/src/frontend/src/components/tagsSelectorComponent/index.tsx
@@ -73,12 +73,12 @@ export function TagsSelector({
 
   return (
     <div ref={fadeContainerRef} className="fade-container">
-      <div ref={scrollContainerRef} className="scroll-container flex gap-2">
+      <div ref={scrollContainerRef} className="scroll-container flex gap-2 min-w-min">
         {!loadingTags &&
           tags.map((tag, idx) => (
             <button
               disabled={disabled}
-              className={disabled ? "cursor-not-allowed" : ""}
+              className={disabled ? "cursor-not-allowed" : " overflow-hidden whitespace-nowrap"}
               onClick={() => {
                 updateTags(tag.name);
               }}
@@ -90,7 +90,7 @@ export function TagsSelector({
                 size="sq"
                 className={cn(
                   selectedTags.some((category) => category === tag.name)
-                    ? "bg-beta-foreground text-background hover:bg-beta-foreground"
+                    ? "bg-beta-foreground text-background hover:bg-beta-foreground min-w-min"
                     : ""
                 )}
               >