diff --git a/packages/twenty-front/src/modules/ui/layout/dropdown/components/DropdownMenuSeparator.tsx b/packages/twenty-front/src/modules/ui/layout/dropdown/components/DropdownMenuSeparator.tsx
index f2599f103c48..0d8a849108e6 100644
--- a/packages/twenty-front/src/modules/ui/layout/dropdown/components/DropdownMenuSeparator.tsx
+++ b/packages/twenty-front/src/modules/ui/layout/dropdown/components/DropdownMenuSeparator.tsx
@@ -1,9 +1,11 @@
 import styled from '@emotion/styled';
 
 const StyledDropdownMenuSeparator = styled.div`
-  background-color: ${({ theme }) => theme.border.color.light};
+    background-color: ${({ theme }) =>
+    theme.name === 'dark'
+      ? theme.background.transparent.light
+      : theme.border.color.light};
   min-height: 1px;
-
   width: 100%;
 `;