From 42d892be0f9efea58ad0a7101a31f95cca080ccc Mon Sep 17 00:00:00 2001
From: vinnyhoward <vincenguyenhoward@gmail.com>
Date: Mon, 6 Jan 2025 16:22:50 -0700
Subject: [PATCH] fix: minor updates to settings ui to match updates from
 design

---
 app/components/UI/SettingsDrawer/index.test.tsx | 4 ++--
 app/components/UI/SettingsDrawer/index.tsx      | 9 ++++-----
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/app/components/UI/SettingsDrawer/index.test.tsx b/app/components/UI/SettingsDrawer/index.test.tsx
index 32dc67e92a0..e25f7589fb4 100644
--- a/app/components/UI/SettingsDrawer/index.test.tsx
+++ b/app/components/UI/SettingsDrawer/index.test.tsx
@@ -29,12 +29,12 @@ describe('SettingsDrawer', () => {
 
   describe('SettingsDrawer', () => {
     it('should render correctly', () => {
-      process.env.MM_SETTINGS_REDESIGN_ENABLE = 'false';
+      process.env.MM_SETTINGS_REDESIGN_ENABLED = 'false';
       const { toJSON } = render(<SettingsDrawer {...originalProps} />);
       expect(toJSON()).toMatchSnapshot();
     });
     it('should render with redesign enabled', () => {
-      process.env.MM_SETTINGS_REDESIGN_ENABLE = 'true';
+      process.env.MM_SETTINGS_REDESIGN_ENABLED = 'true';
       const { toJSON } = render(<SettingsDrawer {...redesignProps} />);
       expect(toJSON()).toMatchSnapshot();
     });
diff --git a/app/components/UI/SettingsDrawer/index.tsx b/app/components/UI/SettingsDrawer/index.tsx
index 5467bb6c46d..bf71ec46a48 100644
--- a/app/components/UI/SettingsDrawer/index.tsx
+++ b/app/components/UI/SettingsDrawer/index.tsx
@@ -20,7 +20,7 @@ import { Colors } from '../../../util/theme/models';
 import { SettingsDrawerProps } from './index.types';
 
 const isSettingsRedesignEnabled =
-  process.env.MM_SETTINGS_REDESIGN_ENABLE === 'true';
+  process.env.MM_SETTINGS_REDESIGN_ENABLED === 'true';
 
 const createStyles = (
   colors: Colors,
@@ -28,9 +28,7 @@ const createStyles = (
 ) =>
   StyleSheet.create({
     root: {
-      backgroundColor: isSettingsRedesignEnabled
-        ? colors.background.alternative
-        : colors.background.default,
+      backgroundColor: colors.background.default,
       padding: 16,
       ...(isFirst && { borderTopLeftRadius: 8, borderTopRightRadius: 8 }),
       ...(!isFirst && {
@@ -70,7 +68,7 @@ const createStyles = (
     },
     separator: {
       borderTopWidth: 1,
-      borderTopColor: colors.primary.inverse,
+      borderTopColor: colors.background.alternative,
     },
   });
 
@@ -143,6 +141,7 @@ const SettingsDrawer: React.FC<SettingsDrawerProps> = ({
           </ListItemColumn>
         )}
       </ListItem>
+      {!isLast && <View style={styles.separator} />}
     </TouchableOpacity>
   );
 };