diff --git a/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventNotSharedContent.tsx b/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventNotSharedContent.tsx
index 0892e523fd..fc2b2f190e 100644
--- a/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventNotSharedContent.tsx
+++ b/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventNotSharedContent.tsx
@@ -2,45 +2,31 @@ import { styled } from '@linaria/react';
import { Trans } from '@lingui/react/macro';
import { useContext } from 'react';
import { IconLock } from 'twenty-ui/display';
-import { Card, CardContent } from 'twenty-ui/layout';
import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants';
-const StyledVisibilityCardContainer = styled.div`
- color: ${themeCssVariables.font.color.light};
- flex: 1;
- transition: color ${themeCssVariables.animation.duration.normal} ease;
- width: 100%;
-
- > * {
- border-color: ${themeCssVariables.border.color.light};
- }
-`;
-
-const StyledVisibilityCardContentContainer = styled.div`
+const StyledContainer = styled.div`
align-items: center;
- background-color: ${themeCssVariables.background.transparent.lighter};
+ background: ${themeCssVariables.background.transparent.lighter};
+ border: 1px solid ${themeCssVariables.border.color.light};
+ border-radius: ${themeCssVariables.border.radius.sm};
box-sizing: border-box;
+ color: ${themeCssVariables.font.color.light};
display: flex;
font-size: ${themeCssVariables.font.size.sm};
font-weight: ${themeCssVariables.font.weight.medium};
gap: ${themeCssVariables.spacing[1]};
height: ${themeCssVariables.spacing[6]};
padding: ${themeCssVariables.spacing[0]} ${themeCssVariables.spacing[1]};
+ width: 100%;
`;
export const CalendarEventNotSharedContent = () => {
const { theme } = useContext(ThemeContext);
return (
-
-
-
-
-
- Not shared
-
-
-
-
+
+
+ Not shared
+
);
};