[WEB-5778] fix: spacing issue for epic sidebar properties #5206

apps/web/ee/components/epics/details/sidebar/properties-tab-root.tsx

@@ -1,4 +1,3 @@
-import type { FC } from "react";
 import { observer } from "mobx-react";
 import { useTranslation } from "@plane/i18n";
 // ui
@@ -143,7 +142,7 @@ export const EpicSidebarPropertiesRoot = observer(function EpicSidebarProperties
         </SidebarPropertyListItem>
 
         {createdByDetails && (
-          <SidebarPropertyListItem icon={UserCirclePropertyIcon} label="Created by">
+          <SidebarPropertyListItem icon={UserCirclePropertyIcon} label="Created by" childrenClassName="px-2">
             <ButtonAvatars showTooltip userIds={createdByDetails.id} />
             <span className="grow truncate text-11 leading-5">{createdByDetails?.display_name}</span>
           </SidebarPropertyListItem>

apps/web/ee/components/issues/issue-details/sidebar/milestones/root.tsx

@@ -16,7 +16,7 @@ type TWorkItemSideBarMilestoneItemProps = {
 export const WorkItemSideBarMilestoneItem = observer(function WorkItemSideBarMilestoneItem(
   props: TWorkItemSideBarMilestoneItemProps
 ) {
-  const { workspaceSlug, projectId, workItemId, isPeekView } = props;
+  const { workspaceSlug, projectId, workItemId } = props;
 
   //store hooks
   const {
@@ -43,12 +43,12 @@ export const WorkItemSideBarMilestoneItem = observer(function WorkItemSideBarMil
   };
 
   return (
-    <SidebarPropertyListItem icon={MilestoneIcon} label="Milestone" childrenClassName="px-2">
+    <SidebarPropertyListItem icon={MilestoneIcon} label="Milestone">
       <MilestonesDropdown
         projectId={projectId}
         value={workItem.milestone_id}
         onChange={handleChange}
-        buttonClassName="h-7.5"
+        buttonClassName="h-7.5 px-2"
       />
     </SidebarPropertyListItem>
   );