From 6ae36ec168378af58d0cdaca1c3fc1a7556ff4a9 Mon Sep 17 00:00:00 2001
From: vamsikrishnamathala <matalav55@gmail.com>
Date: Fri, 12 Dec 2025 19:09:45 +0530
Subject: [PATCH] chore: udpate work item sidebar alignments

---
 .../issues/issue-detail/parent-select.tsx          |  4 ++--
 .../components/issues/issue-detail/sidebar.tsx     | 10 +++++-----
 .../components/issues/peek-overview/properties.tsx | 14 +++++++-------
 3 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/apps/web/core/components/issues/issue-detail/parent-select.tsx b/apps/web/core/components/issues/issue-detail/parent-select.tsx
index ca8a676607e..148ac1b8896 100644
--- a/apps/web/core/components/issues/issue-detail/parent-select.tsx
+++ b/apps/web/core/components/issues/issue-detail/parent-select.tsx
@@ -72,7 +72,7 @@ export const IssueParentSelect = observer(function IssueParentSelect(props: TIss
       <button
         type="button"
         className={cn(
-          "group flex items-center justify-between gap-2 px-2 py-0.5 rounded-lg outline-none",
+          "group flex items-center justify-between gap-2 px-2 py-0.5 rounded-sm outline-none",
           {
             "cursor-not-allowed": disabled,
             "hover:bg-layer-1": !disabled,
@@ -84,7 +84,7 @@ export const IssueParentSelect = observer(function IssueParentSelect(props: TIss
         disabled={disabled}
       >
         {issue.parent_id && parentIssue ? (
-          <div className="flex items-center gap-1 bg-success-subtle rounded-lg px-1.5 py-1">
+          <div className="flex items-center gap-1 bg-success-subtle rounded-sm px-1.5 py-1">
             <Tooltip tooltipHeading="Title" tooltipContent={parentIssue.name} isMobile={isMobile}>
               <Link href={workItemLink} target="_blank" rel="noopener noreferrer" onClick={(e) => e.stopPropagation()}>
                 {parentIssue?.project_id && parentIssueProjectDetails && (
diff --git a/apps/web/core/components/issues/issue-detail/sidebar.tsx b/apps/web/core/components/issues/issue-detail/sidebar.tsx
index 3a7abd777fa..df2d6454ec4 100644
--- a/apps/web/core/components/issues/issue-detail/sidebar.tsx
+++ b/apps/web/core/components/issues/issue-detail/sidebar.tsx
@@ -122,7 +122,7 @@ export const IssueDetailsSidebar = observer(function IssueDetailsSidebar(props:
                 onChange={(val) => issueOperations.update(workspaceSlug, projectId, issueId, { priority: val })}
                 disabled={!isEditable}
                 buttonVariant="border-with-text"
-                className="w-full grow"
+                className="w-full grow rounded-lg"
                 buttonContainerClassName="w-full text-left px-2 h-7.5"
                 buttonClassName="w-min h-auto whitespace-nowrap"
               />
@@ -150,7 +150,7 @@ export const IssueDetailsSidebar = observer(function IssueDetailsSidebar(props:
                 disabled={!isEditable}
                 buttonVariant="transparent-with-text"
                 className="group w-full grow"
-                buttonContainerClassName="w-full text-left"
+                buttonContainerClassName="w-full text-left h-7.5"
                 buttonClassName={`text-body-xs-regular ${issue?.start_date ? "" : "text-placeholder"}`}
                 hideIcon
                 clearIconClassName="h-3 w-3 hidden group-hover:inline"
@@ -171,7 +171,7 @@ export const IssueDetailsSidebar = observer(function IssueDetailsSidebar(props:
                   disabled={!isEditable}
                   buttonVariant="transparent-with-text"
                   className="group w-full grow"
-                  buttonContainerClassName="w-full text-left"
+                  buttonContainerClassName="w-full text-left h-7.5"
                   buttonClassName={cn("text-body-xs-regular", {
                     "text-placeholder": !issue.target_date,
                     "text-danger": shouldHighlightIssueDueDate(issue.target_date, stateDetails?.group),
@@ -194,7 +194,7 @@ export const IssueDetailsSidebar = observer(function IssueDetailsSidebar(props:
                   disabled={!isEditable}
                   buttonVariant="transparent-with-text"
                   className="group w-full grow"
-                  buttonContainerClassName="w-full text-left"
+                  buttonContainerClassName="w-full text-left h-7.5"
                   buttonClassName={`text-body-xs-regular ${issue?.estimate_point !== null ? "" : "text-placeholder"}`}
                   placeholder={t("common.none")}
                   hideIcon
@@ -224,7 +224,7 @@ export const IssueDetailsSidebar = observer(function IssueDetailsSidebar(props:
                 appendElement={<TransferHopInfo workItem={issue} />}
               >
                 <IssueCycleSelect
-                  className="w-full grow"
+                  className="w-full grow h-7.5"
                   workspaceSlug={workspaceSlug}
                   projectId={projectId}
                   issueId={issueId}
diff --git a/apps/web/core/components/issues/peek-overview/properties.tsx b/apps/web/core/components/issues/peek-overview/properties.tsx
index 6aecfa6f317..4ada4ce6381 100644
--- a/apps/web/core/components/issues/peek-overview/properties.tsx
+++ b/apps/web/core/components/issues/peek-overview/properties.tsx
@@ -85,7 +85,7 @@ export const PeekOverviewProperties = observer(function PeekOverviewProperties(p
             disabled={disabled}
             buttonVariant="transparent-with-text"
             className="w-full grow group"
-            buttonContainerClassName="w-full text-left"
+            buttonContainerClassName="w-full text-left h-7.5"
             buttonClassName="text-body-xs-regular"
             dropdownArrow
             dropdownArrowClassName="h-3.5 w-3.5 hidden group-hover:inline"
@@ -102,7 +102,7 @@ export const PeekOverviewProperties = observer(function PeekOverviewProperties(p
             multiple
             buttonVariant={issue?.assignee_ids?.length > 1 ? "transparent-without-text" : "transparent-with-text"}
             className="w-full grow group"
-            buttonContainerClassName="w-full text-left"
+            buttonContainerClassName="w-full text-left h-7.5"
             buttonClassName={`text-body-xs-regular justify-between ${issue?.assignee_ids?.length > 0 ? "" : "text-placeholder"}`}
             hideIcon={issue.assignee_ids?.length === 0}
             dropdownArrow
@@ -116,7 +116,7 @@ export const PeekOverviewProperties = observer(function PeekOverviewProperties(p
             onChange={(val) => issueOperations.update(workspaceSlug, projectId, issueId, { priority: val })}
             disabled={disabled}
             buttonVariant="border-with-text"
-            className="w-full grow group"
+            className="w-full grow group rounded-lg px-2"
             buttonContainerClassName="w-full text-left"
             buttonClassName="w-min h-auto whitespace-nowrap"
           />
@@ -147,7 +147,7 @@ export const PeekOverviewProperties = observer(function PeekOverviewProperties(p
             maxDate={maxDate ?? undefined}
             disabled={disabled}
             className="w-full grow group"
-            buttonContainerClassName="w-full text-left"
+            buttonContainerClassName="w-full text-left h-7.5"
             buttonClassName={`text-body-xs-regular ${issue?.start_date ? "" : "text-placeholder"}`}
             hideIcon
             clearIconClassName="h-3 w-3 hidden group-hover:inline"
@@ -168,7 +168,7 @@ export const PeekOverviewProperties = observer(function PeekOverviewProperties(p
               minDate={minDate ?? undefined}
               disabled={disabled}
               className="w-full grow group"
-              buttonContainerClassName="w-full text-left"
+              buttonContainerClassName="w-full text-left h-7.5"
               buttonClassName={cn("text-body-xs-regular", {
                 "text-placeholder": !issue.target_date,
                 "text-danger": shouldHighlightIssueDueDate(issue.target_date, stateDetails?.group),
@@ -189,7 +189,7 @@ export const PeekOverviewProperties = observer(function PeekOverviewProperties(p
               disabled={disabled}
               buttonVariant="transparent-with-text"
               className="w-full grow group"
-              buttonContainerClassName="w-full text-left"
+              buttonContainerClassName="w-full text-left h-7.5"
               buttonClassName={`text-body-xs-regular ${issue?.estimate_point !== undefined ? "" : "text-placeholder"}`}
               placeholder="None"
               hideIcon
@@ -219,7 +219,7 @@ export const PeekOverviewProperties = observer(function PeekOverviewProperties(p
             appendElement={<TransferHopInfo workItem={issue} />}
           >
             <IssueCycleSelect
-              className="w-full grow"
+              className="w-full grow h-7.5"
               workspaceSlug={workspaceSlug}
               projectId={projectId}
               issueId={issueId}