diff --git a/packages/twenty-front/src/modules/settings/components/SettingsListItemCardContent.tsx b/packages/twenty-front/src/modules/settings/components/SettingsListItemCardContent.tsx
index 641e45f2e..c4d46ef57 100644
--- a/packages/twenty-front/src/modules/settings/components/SettingsListItemCardContent.tsx
+++ b/packages/twenty-front/src/modules/settings/components/SettingsListItemCardContent.tsx
@@ -1,12 +1,15 @@
+import isPropValid from '@emotion/is-prop-valid';
 import { useTheme } from '@emotion/react';
 import styled from '@emotion/styled';
 import { ReactNode } from 'react';
 import { Link } from 'react-router-dom';
 import { isDefined } from 'twenty-shared/utils';
-import { CardContent } from 'twenty-ui/layout';
 import { IconChevronRight, IconComponent } from 'twenty-ui/display';
+import { CardContent } from 'twenty-ui/layout';
 
-const StyledRow = styled(CardContent)<{ to?: boolean }>`
+const StyledRow = styled(CardContent, {
+  shouldForwardProp: (prop) => prop !== 'to' && isPropValid(prop),
+})<{ to?: boolean }>`
   align-items: center;
   cursor: ${({ onClick, to }) => (onClick || to ? 'pointer' : 'default')};
   display: flex;