diff --git a/packages/twenty-front/src/pages/object-record/RecordEditableName.tsx b/packages/twenty-front/src/modules/object-record/components/RecordEditableName.tsx
similarity index 91%
rename from packages/twenty-front/src/pages/object-record/RecordEditableName.tsx
rename to packages/twenty-front/src/modules/object-record/components/RecordEditableName.tsx
index 09e236a54b..1877f07940 100644
--- a/packages/twenty-front/src/pages/object-record/RecordEditableName.tsx
+++ b/packages/twenty-front/src/modules/object-record/components/RecordEditableName.tsx
@@ -15,13 +15,10 @@ const StyledEditableTitleContainer = styled.div`
 const StyledEditableTitlePrefix = styled.div`
   color: ${({ theme }) => theme.font.color.tertiary};
   line-height: 24px;
-  padding: 3px 0;
-`;
-
-const StyledEditableTitleSeparator = styled.div`
-  color: ${({ theme }) => theme.font.color.tertiary};
-  line-height: 24px;
-  padding: 3px;
+  display: flex;
+  flex-direction: row;
+  padding: ${({ theme }) => theme.spacing(0.75)};
+  gap: ${({ theme }) => theme.spacing(1)};
 `;
 
 export const RecordEditableName = ({
@@ -78,8 +75,8 @@ export const RecordEditableName = ({
     <StyledEditableTitleContainer>
       <StyledEditableTitlePrefix>
         {capitalize(objectLabelPlural)}
+        <span>{' / '}</span>
       </StyledEditableTitlePrefix>
-      <StyledEditableTitleSeparator>{' / '}</StyledEditableTitleSeparator>
       {isRenaming ? (
         <NavigationDrawerInput
           value={recordName}
diff --git a/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerItem.tsx b/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerItem.tsx
index 1928056123..4c3eb7b884 100644
--- a/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerItem.tsx
+++ b/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerItem.tsx
@@ -77,7 +77,11 @@ const StyledItem = styled('button', {
   font-family: ${({ theme }) => theme.font.family};
   font-size: ${({ theme }) => theme.font.size.md};
 
-  padding: ${({ theme }) => theme.spacing(1)};
+  padding-bottom: ${({ theme }) => theme.spacing(1)};
+  padding-left: ${({ theme }) => theme.spacing(1)};
+  padding-right: ${({ theme }) => theme.spacing(0.5)};
+  padding-top: ${({ theme }) => theme.spacing(1)};
+
   margin-top: ${({ indentationLevel }) =>
     indentationLevel === 2 ? '2px' : '0'};
 
diff --git a/packages/twenty-front/src/pages/object-record/RecordShowPageHeader.tsx b/packages/twenty-front/src/pages/object-record/RecordShowPageHeader.tsx
index c0fc2771e9..ecaf938f9c 100644
--- a/packages/twenty-front/src/pages/object-record/RecordShowPageHeader.tsx
+++ b/packages/twenty-front/src/pages/object-record/RecordShowPageHeader.tsx
@@ -1,9 +1,9 @@
 import { CoreObjectNameSingular } from '@/object-metadata/types/CoreObjectNameSingular';
+import { RecordEditableName } from '@/object-record/components/RecordEditableName';
 import { useRecordShowContainerTabs } from '@/object-record/record-show/hooks/useRecordShowContainerTabs';
 import { useRecordShowPage } from '@/object-record/record-show/hooks/useRecordShowPage';
 import { useRecordShowPagePagination } from '@/object-record/record-show/hooks/useRecordShowPagePagination';
 import { PageHeader } from '@/ui/layout/page/components/PageHeader';
-import { RecordEditableName } from '~/pages/object-record/RecordEditableName';
 
 export const RecordShowPageHeader = ({
   objectNameSingular,