From df6376dce02f5480ce7a2d61027a068d3ea86d26 Mon Sep 17 00:00:00 2001
From: Charles Bochet <charles@twenty.com>
Date: Wed, 21 Jun 2023 22:42:38 -0700
Subject: [PATCH] Fix padding EditableCell DoubleText

---
 .../modules/people/components/PeopleCompanyCell.tsx  | 12 ++++++++----
 front/src/modules/ui/layout/styles/effects.ts        |  1 +
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/front/src/modules/people/components/PeopleCompanyCell.tsx b/front/src/modules/people/components/PeopleCompanyCell.tsx
index afedcaa09..73687f771 100644
--- a/front/src/modules/people/components/PeopleCompanyCell.tsx
+++ b/front/src/modules/people/components/PeopleCompanyCell.tsx
@@ -17,11 +17,15 @@ export type OwnProps = {
 export function PeopleCompanyCell({ people }: OwnProps) {
   const [isCreating] = useRecoilScopedState(isCreateModeScopedState);
 
-  return isCreating ? (
-    <PeopleCompanyCreateCell people={people} />
-  ) : (
+  return (
     <EditableCellV2
-      editModeContent={<PeopleCompanyPicker people={people} />}
+      editModeContent={
+        isCreating ? (
+          <PeopleCompanyCreateCell people={people} />
+        ) : (
+          <PeopleCompanyPicker people={people} />
+        )
+      }
       nonEditModeContent={
         <CompanyChip
           name={people.company?.name ?? ''}
diff --git a/front/src/modules/ui/layout/styles/effects.ts b/front/src/modules/ui/layout/styles/effects.ts
index 5b2213684..72b3eb1ed 100644
--- a/front/src/modules/ui/layout/styles/effects.ts
+++ b/front/src/modules/ui/layout/styles/effects.ts
@@ -13,6 +13,7 @@ export const textInputStyle = (props: any) =>
     border: none;
     color: ${props.theme.text80};
     outline: none;
+    padding: ${props.theme.spacing(0)} ${props.theme.spacing(2)};
 
     &::placeholder,
     &::-webkit-input-placeholder {