From cdab12e4b6916f827fbebc7718f32efb62dcffc2 Mon Sep 17 00:00:00 2001
From: Anmol Singh Bhatia <121005188+anmolsinghbhatia@users.noreply.github.com>
Date: Mon, 6 May 2024 15:30:58 +0530
Subject: [PATCH] [WEB-1157] chore: label select improvement (#4370)

---
 web/components/issues/select/label.tsx | 2 +-
 web/components/ui/labels-list.tsx      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/components/issues/select/label.tsx b/web/components/issues/select/label.tsx
index f487b50c15..123d0ddaa7 100644
--- a/web/components/issues/select/label.tsx
+++ b/web/components/issues/select/label.tsx
@@ -106,7 +106,7 @@ export const IssueLabelSelect: React.FC<Props> = observer((props) => {
           {label ? (
             label
           ) : value && value.length > 0 ? (
-            <span className="flex items-center justify-center gap-2 text-xs">
+            <span className="flex items-center justify-center gap-2 text-xs h-full">
               <IssueLabelsList
                 labels={value.map((v) => projectLabels?.find((l) => l.id === v)) ?? []}
                 length={3}
diff --git a/web/components/ui/labels-list.tsx b/web/components/ui/labels-list.tsx
index 7a191200ac..81b06d7486 100644
--- a/web/components/ui/labels-list.tsx
+++ b/web/components/ui/labels-list.tsx
@@ -25,7 +25,7 @@ export const IssueLabelsList: FC<IssueLabelsListProps> = (props) => {
             tooltipContent={labels.map((l) => l?.name).join(", ")}
             isMobile={isMobile}
           >
-            <div className="flex items-center gap-1 rounded border-[0.5px] border-custom-border-300 px-2 py-1 text-xs text-custom-text-200">
+            <div className="h-full flex items-center gap-1 rounded border-[0.5px] border-custom-border-300 px-2 py-1 text-xs text-custom-text-200">
               <span className="h-2 w-2 flex-shrink-0 rounded-full bg-custom-primary" />
               {`${labels.length} Labels`}
             </div>