From 64f8573ac46117d8bb98afe5b373aa082e9fec67 Mon Sep 17 00:00:00 2001
From: nitin <142569587+ehconitin@users.noreply.github.com>
Date: Mon, 9 Sep 2024 20:49:14 +0530
Subject: [PATCH] minor fix - removed scrollwrapper stylings for
 SettingsPageContainer (#6949)

@Bonapara
fixes
https://github.com/twentyhq/twenty/pull/6700#issuecomment-2322817298
---
 .../components/SettingsPageContainer.tsx        | 17 +++++------------
 1 file changed, 5 insertions(+), 12 deletions(-)

diff --git a/packages/twenty-front/src/modules/settings/components/SettingsPageContainer.tsx b/packages/twenty-front/src/modules/settings/components/SettingsPageContainer.tsx
index 2fc661c7a..d33f1493d 100644
--- a/packages/twenty-front/src/modules/settings/components/SettingsPageContainer.tsx
+++ b/packages/twenty-front/src/modules/settings/components/SettingsPageContainer.tsx
@@ -1,11 +1,9 @@
-import styled from '@emotion/styled';
-import { ReactNode } from 'react';
-
 import { OBJECT_SETTINGS_WIDTH } from '@/settings/data-model/constants/ObjectSettings';
 import { useIsMobile } from '@/ui/utilities/responsive/hooks/useIsMobile';
-import { isDefined } from '~/utils/isDefined';
-
 import { ScrollWrapper } from '@/ui/utilities/scroll/components/ScrollWrapper';
+import styled from '@emotion/styled';
+import { ReactNode } from 'react';
+import { isDefined } from '~/utils/isDefined';
 
 const StyledSettingsPageContainer = styled.div<{ width?: number }>`
   display: flex;
@@ -24,17 +22,12 @@ const StyledSettingsPageContainer = styled.div<{ width?: number }>`
   }};
 `;
 
-const StyledScrollWrapper = styled(ScrollWrapper)`
-  background-color: ${({ theme }) => theme.background.secondary};
-  border-radius: ${({ theme }) => theme.border.radius.md};
-`;
-
 export const SettingsPageContainer = ({
   children,
 }: {
   children: ReactNode;
 }) => (
-  <StyledScrollWrapper contextProviderName="settingsPageContainer">
+  <ScrollWrapper contextProviderName="settingsPageContainer">
     <StyledSettingsPageContainer>{children}</StyledSettingsPageContainer>
-  </StyledScrollWrapper>
+  </ScrollWrapper>
 );