diff --git a/packages/twenty-front/src/modules/object-metadata/components/NavigationDrawerSectionForObjectMetadataItems.tsx b/packages/twenty-front/src/modules/object-metadata/components/NavigationDrawerSectionForObjectMetadataItems.tsx
index ecd8af8a3..4665483f8 100644
--- a/packages/twenty-front/src/modules/object-metadata/components/NavigationDrawerSectionForObjectMetadataItems.tsx
+++ b/packages/twenty-front/src/modules/object-metadata/components/NavigationDrawerSectionForObjectMetadataItems.tsx
@@ -4,7 +4,6 @@ import { NavigationDrawerAnimatedCollapseWrapper } from '@/ui/navigation/navigat
import { NavigationDrawerSection } from '@/ui/navigation/navigation-drawer/components/NavigationDrawerSection';
import { NavigationDrawerSectionTitle } from '@/ui/navigation/navigation-drawer/components/NavigationDrawerSectionTitle';
import { useNavigationSection } from '@/ui/navigation/navigation-drawer/hooks/useNavigationSection';
-import styled from '@emotion/styled';
import { useRecoilValue } from 'recoil';
const ORDERED_STANDARD_OBJECTS = [
@@ -15,15 +14,6 @@ const ORDERED_STANDARD_OBJECTS = [
'note',
];
-const StyledObjectsMetaDataItemsWrapper = styled.div`
- display: flex;
- flex-direction: column;
- gap: ${({ theme }) => theme.betweenSiblingsGap};
- width: 100%;
- flex: 1;
- overflow-y: auto;
-`;
-
export const NavigationDrawerSectionForObjectMetadataItems = ({
sectionTitle,
isRemote,
@@ -77,15 +67,13 @@ export const NavigationDrawerSectionForObjectMetadataItems = ({
onClick={() => toggleNavigationSection()}
/>
-
- {isNavigationSectionOpen &&
- objectMetadataItemsForNavigationItems.map((objectMetadataItem) => (
-
- ))}
-
+ {isNavigationSectionOpen &&
+ objectMetadataItemsForNavigationItems.map((objectMetadataItem) => (
+
+ ))}
)
);
diff --git a/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerSection.tsx b/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerSection.tsx
index 4e3711716..c805d7b76 100644
--- a/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerSection.tsx
+++ b/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerSection.tsx
@@ -2,9 +2,6 @@ import styled from '@emotion/styled';
import { useIsMobile } from 'twenty-ui';
const StyledSection = styled.div`
- display: flex;
- flex-direction: column;
- gap: ${({ theme }) => theme.betweenSiblingsGap};
width: 100%;
margin-bottom: ${({ theme }) => theme.spacing(3)};
flex-shrink: 1;
@@ -13,6 +10,9 @@ const StyledSection = styled.div`
const StyledSectionInnerContainerMinusScrollPadding = styled.div<{
isMobile: boolean;
}>`
+ display: flex;
+ flex-direction: column;
+ gap: ${({ theme }) => theme.betweenSiblingsGap};
width: calc(
100% - ${({ isMobile, theme }) => (isMobile ? 0 : theme.spacing(2))}
);