diff --git a/packages/twenty-front/src/modules/settings/data-model/object-details/components/SettingsObjectFieldDataType.tsx b/packages/twenty-front/src/modules/settings/data-model/object-details/components/SettingsObjectFieldDataType.tsx
index 7cdf3ee62..4cc066fc9 100644
--- a/packages/twenty-front/src/modules/settings/data-model/object-details/components/SettingsObjectFieldDataType.tsx
+++ b/packages/twenty-front/src/modules/settings/data-model/object-details/components/SettingsObjectFieldDataType.tsx
@@ -35,7 +35,7 @@ const StyledDataType = styled.div<{ value: FieldMetadataType }>`
   ${({ theme, value }) =>
     value === FieldMetadataType.Relation
       ? css`
-          border-color: ${theme.color.purple20};
+          border-color: ${theme.tag.background.purple};
           color: ${theme.color.purple};
         `
       : ''}
diff --git a/packages/twenty-front/src/modules/ui/theme/constants/tag.ts b/packages/twenty-front/src/modules/ui/theme/constants/tag.ts
index b873d18b2..af1b727c0 100644
--- a/packages/twenty-front/src/modules/ui/theme/constants/tag.ts
+++ b/packages/twenty-front/src/modules/ui/theme/constants/tag.ts
@@ -1,6 +1,6 @@
 import { color } from './colors';
 
-export const tagLight: { [key: string]: { [key: string]: string } } = {
+export const tagLight = {
   text: {
     green: color.green60,
     turquoise: color.turquoise60,