From f8002852e0857714ab2c610e7ed459b012aadbe8 Mon Sep 17 00:00:00 2001
From: sabith-tu <95301637+sabith-tu@users.noreply.github.com>
Date: Wed, 8 Nov 2023 17:55:28 +0530
Subject: [PATCH] fix: issue property height and peek view date picker border
 radius (#2726)

---
 web/components/issues/issue-layouts/properties/estimates.tsx | 2 +-
 web/components/issues/issue-layouts/properties/labels.tsx    | 2 +-
 web/components/issues/issue-layouts/properties/state.tsx     | 2 +-
 web/components/issues/issue-peek-overview/properties.tsx     | 4 ++--
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/web/components/issues/issue-layouts/properties/estimates.tsx b/web/components/issues/issue-layouts/properties/estimates.tsx
index 77b5a79b3..432a39f4d 100644
--- a/web/components/issues/issue-layouts/properties/estimates.tsx
+++ b/web/components/issues/issue-layouts/properties/estimates.tsx
@@ -110,7 +110,7 @@ export const IssuePropertyEstimates: React.FC<IIssuePropertyEstimates> = observe
         <button
           ref={setReferenceElement}
           type="button"
-          className={`flex items-center justify-between gap-1 w-full text-xs px-2.5 py-1 rounded border-[0.5px] border-custom-border-300 ${
+          className={`flex items-center justify-between gap-1 h-5 w-full text-xs px-2.5 py-1 rounded border-[0.5px] border-custom-border-300 ${
             disabled ? "cursor-not-allowed text-custom-text-200" : "cursor-pointer hover:bg-custom-background-80"
           } ${buttonClassName}`}
         >
diff --git a/web/components/issues/issue-layouts/properties/labels.tsx b/web/components/issues/issue-layouts/properties/labels.tsx
index 02d281d3f..3f0f6552d 100644
--- a/web/components/issues/issue-layouts/properties/labels.tsx
+++ b/web/components/issues/issue-layouts/properties/labels.tsx
@@ -93,7 +93,7 @@ export const IssuePropertyLabels: React.FC<IIssuePropertyLabels> = observer((pro
   });
 
   const label = (
-    <div className="flex items-center gap-2 text-custom-text-200">
+    <div className="flex items-center h-5 gap-2 text-custom-text-200">
       {value.length > 0 ? (
         value.length <= maxRender ? (
           <>
diff --git a/web/components/issues/issue-layouts/properties/state.tsx b/web/components/issues/issue-layouts/properties/state.tsx
index 62bd2a45c..1fcd5257e 100644
--- a/web/components/issues/issue-layouts/properties/state.tsx
+++ b/web/components/issues/issue-layouts/properties/state.tsx
@@ -116,7 +116,7 @@ export const IssuePropertyState: React.FC<IIssuePropertyState> = observer((props
             <button
               ref={setReferenceElement}
               type="button"
-              className={`flex items-center justify-between gap-1 w-full text-xs px-2.5 py-1 rounded border-[0.5px] border-custom-border-300 ${
+              className={`flex items-center justify-between h-5 gap-1 w-full text-xs px-2.5 py-1 rounded border-[0.5px] border-custom-border-300 ${
                 disabled ? "cursor-not-allowed text-custom-text-200" : "cursor-pointer hover:bg-custom-background-80"
               } ${buttonClassName}`}
               onClick={() => !projectStatesByGroup && fetchProjectStates()}
diff --git a/web/components/issues/issue-peek-overview/properties.tsx b/web/components/issues/issue-peek-overview/properties.tsx
index c04f85420..d808d351e 100644
--- a/web/components/issues/issue-peek-overview/properties.tsx
+++ b/web/components/issues/issue-peek-overview/properties.tsx
@@ -255,7 +255,7 @@ export const PeekOverviewProperties: FC<IPeekOverviewProperties> = observer((pro
                 placeholder="Start date"
                 value={issue.start_date}
                 onChange={handleStartDate}
-                className="bg-custom-background-80 border-none !px-2.5 !py-0.5"
+                className="bg-custom-background-80 !rounded border-none !px-2.5 !py-0.5"
                 maxDate={maxDate ?? undefined}
                 disabled={disableUserActions}
               />
@@ -273,7 +273,7 @@ export const PeekOverviewProperties: FC<IPeekOverviewProperties> = observer((pro
                 placeholder="Due date"
                 value={issue.target_date}
                 onChange={handleTargetDate}
-                className="bg-custom-background-80 border-none !px-2.5 !py-0.5"
+                className="bg-custom-background-80 !rounded border-none !px-2.5 !py-0.5"
                 minDate={minDate ?? undefined}
                 disabled={disableUserActions}
               />