diff --git a/packages/twenty-front/src/modules/ui/navigation/navigation-bar/components/NavigationBar.tsx b/packages/twenty-front/src/modules/ui/navigation/navigation-bar/components/NavigationBar.tsx
index 5474ff1cc63d..b0d96c15dbfa 100644
--- a/packages/twenty-front/src/modules/ui/navigation/navigation-bar/components/NavigationBar.tsx
+++ b/packages/twenty-front/src/modules/ui/navigation/navigation-bar/components/NavigationBar.tsx
@@ -1,33 +1,33 @@
-import styled from '@emotion/styled';
-import { IconComponent } from 'twenty-ui';
+// import styled from '@emotion/styled';
+// import { IconComponent } from 'twenty-ui';
 
-import { NavigationBarItem } from './NavigationBarItem';
+// import { NavigationBarItem } from './NavigationBarItem';
 
-const StyledContainer = styled.div`
-  display: flex;
-  gap: ${({ theme }) => theme.spacing(4)};
-  justify-content: center;
-  padding: ${({ theme }) => theme.spacing(3)};
-  z-index: 1001;
-`;
+// const StyledContainer = styled.div`
+//   display: flex;
+//   gap: ${({ theme }) => theme.spacing(4)};
+//   justify-content: center;
+//   padding: ${({ theme }) => theme.spacing(3)};
+//   z-index: 1001;
+// `;
 
-type NavigationBarProps = {
-  activeItemName: string;
-  items: { name: string; Icon: IconComponent; onClick: () => void }[];
-};
+// type NavigationBarProps = {
+//   activeItemName: string;
+//   items: { name: string; Icon: IconComponent; onClick: () => void }[];
+// };
 
-export const NavigationBar = ({
-  activeItemName,
-  items,
-}: NavigationBarProps) => (
-  <StyledContainer>
-    {items.map(({ Icon, name, onClick }) => (
-      <NavigationBarItem
-        key={name}
-        Icon={Icon}
-        isActive={activeItemName === name}
-        onClick={onClick}
-      />
-    ))}
-  </StyledContainer>
-);
+// export const NavigationBar = ({
+//   activeItemName,
+//   items,
+// }: NavigationBarProps) => (
+//   <StyledContainer>
+//     {items.map(({ Icon, name, onClick }) => (
+//       <NavigationBarItem
+//         key={name}
+//         Icon={Icon}
+//         isActive={activeItemName === name}
+//         onClick={onClick}
+//       />
+//     ))}
+//   </StyledContainer>
+// );
diff --git a/packages/twenty-front/src/modules/ui/navigation/navigation-bar/components/NavigationBarItem.tsx b/packages/twenty-front/src/modules/ui/navigation/navigation-bar/components/NavigationBarItem.tsx
index e7259d905371..dd9768a0c774 100644
--- a/packages/twenty-front/src/modules/ui/navigation/navigation-bar/components/NavigationBarItem.tsx
+++ b/packages/twenty-front/src/modules/ui/navigation/navigation-bar/components/NavigationBarItem.tsx
@@ -1,41 +1,41 @@
-import { useTheme } from '@emotion/react';
-import styled from '@emotion/styled';
-import { IconComponent } from 'twenty-ui';
+// import { useTheme } from '@emotion/react';
+// import styled from '@emotion/styled';
+// import { IconComponent } from 'twenty-ui';
 
-const StyledIconButton = styled.div<{ isActive?: boolean }>`
-  align-items: center;
-  background-color: ${({ isActive, theme }) =>
-    isActive ? theme.background.transparent.light : 'none'};
-  border-radius: ${({ theme }) => theme.spacing(1)};
-  cursor: pointer;
-  display: flex;
-  height: ${({ theme }) => theme.spacing(10)};
-  justify-content: center;
-  transition: background-color ${({ theme }) => theme.animation.duration.fast}s
-    ease;
-  width: ${({ theme }) => theme.spacing(10)};
+// const StyledIconButton = styled.div<{ isActive?: boolean }>`
+//   align-items: center;
+//   background-color: ${({ isActive, theme }) =>
+//     isActive ? theme.background.transparent.light : 'none'};
+//   border-radius: ${({ theme }) => theme.spacing(1)};
+//   cursor: pointer;
+//   display: flex;
+//   height: ${({ theme }) => theme.spacing(10)};
+//   justify-content: center;
+//   transition: background-color ${({ theme }) => theme.animation.duration.fast}s
+//     ease;
+//   width: ${({ theme }) => theme.spacing(10)};
 
-  &:hover {
-    background-color: ${({ theme }) => theme.background.transparent.light};
-  }
-`;
+//   &:hover {
+//     background-color: ${({ theme }) => theme.background.transparent.light};
+//   }
+// `;
 
-type NavigationBarItemProps = {
-  Icon: IconComponent;
-  isActive: boolean;
-  onClick: () => void;
-};
+// type NavigationBarItemProps = {
+//   Icon: IconComponent;
+//   isActive: boolean;
+//   onClick: () => void;
+// };
 
-export const NavigationBarItem = ({
-  Icon,
-  isActive,
-  onClick,
-}: NavigationBarItemProps) => {
-  const theme = useTheme();
+// export const NavigationBarItem = ({
+//   Icon,
+//   isActive,
+//   onClick,
+// }: NavigationBarItemProps) => {
+//   const theme = useTheme();
 
-  return (
-    <StyledIconButton isActive={isActive} onClick={onClick}>
-      <Icon color={theme.color.gray50} size={theme.icon.size.lg} />
-    </StyledIconButton>
-  );
-};
+//   return (
+//     <StyledIconButton isActive={isActive} onClick={onClick}>
+//       <Icon color={theme.color.gray50} size={theme.icon.size.lg} />
+//     </StyledIconButton>
+//   );
+// };