diff --git a/packages/twenty-ui/src/input/button/components/TabButton.tsx b/packages/twenty-ui/src/input/button/components/TabButton.tsx
index 2ec21be78..ec9c8c1f3 100644
--- a/packages/twenty-ui/src/input/button/components/TabButton.tsx
+++ b/packages/twenty-ui/src/input/button/components/TabButton.tsx
@@ -1,3 +1,4 @@
+import isPropValid from '@emotion/is-prop-valid';
 import styled from '@emotion/styled';
 import { Pill } from '@ui/components/Pill/Pill';
 import { Avatar, IconComponent } from '@ui/display';
@@ -5,7 +6,9 @@ import { ThemeContext } from '@ui/theme';
 import { ReactElement, useContext } from 'react';
 import { Link } from 'react-router-dom';
 
-const StyledTabButton = styled.button<{
+const StyledTabButton = styled('button', {
+  shouldForwardProp: (prop) => isPropValid(prop) && prop !== 'active',
+})<{
   active?: boolean;
   disabled?: boolean;
   to?: string;