From 1233b5809993da454bc84286746ef4ef18934e2e Mon Sep 17 00:00:00 2001
From: Kanav Arora <kanavarora1515@gmail.com>
Date: Wed, 14 Feb 2024 18:53:01 +0530
Subject: [PATCH] Label fix

---
 .../inline-cell/components/ActivityTargetsInlineCell.tsx    | 3 ++-
 .../components/RecordInlineCellContainer.tsx                | 6 +++---
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/packages/twenty-front/src/modules/activities/inline-cell/components/ActivityTargetsInlineCell.tsx b/packages/twenty-front/src/modules/activities/inline-cell/components/ActivityTargetsInlineCell.tsx
index 13a6b02361d..ba27baa77cb 100644
--- a/packages/twenty-front/src/modules/activities/inline-cell/components/ActivityTargetsInlineCell.tsx
+++ b/packages/twenty-front/src/modules/activities/inline-cell/components/ActivityTargetsInlineCell.tsx
@@ -39,13 +39,14 @@ export const ActivityTargetsInlineCell = ({
           scope: ActivityEditorHotkeyScope.ActivityTargets,
         }}
         IconLabel={IconArrowUpRight}
+        showLabel={true}
         editModeContent={
           <ActivityTargetInlineCellEditMode
             activity={activity}
             activityTargetObjectRecords={activityTargetObjectRecords}
           />
         }
-        label="Relations"
+        label="Relations:"
         displayModeContent={
           <ActivityTargetChips
             activityTargetObjectRecords={activityTargetObjectRecords}
diff --git a/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellContainer.tsx b/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellContainer.tsx
index 6813a69192b..51580250267 100644
--- a/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellContainer.tsx
+++ b/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellContainer.tsx
@@ -62,7 +62,7 @@ const StyledClickableContainer = styled.div`
 const StyledInlineCellBaseContainer = styled.div`
   align-items: center;
   box-sizing: border-box;
-
+  width: 100%;
   display: flex;
 
   gap: ${({ theme }) => theme.spacing(1)};
@@ -141,7 +141,7 @@ export const RecordInlineCellContainer = ({
       onMouseEnter={handleContainerMouseEnter}
       onMouseLeave={handleContainerMouseLeave}
     >
-      {(!!IconLabel || !!label) && (
+      {(IconLabel || label) && (
         <StyledLabelAndIconContainer id={labelId}>
           {IconLabel && (
             <StyledIconContainer>
@@ -160,7 +160,7 @@ export const RecordInlineCellContainer = ({
               content={label}
               clickable
               noArrow
-              place="left"
+              place="bottom"
               positionStrategy="fixed"
             />
           )}