diff --git a/app/mobile/src/session/Session.jsx b/app/mobile/src/session/Session.jsx
index 238b10e4..ca8909b7 100644
--- a/app/mobile/src/session/Session.jsx
+++ b/app/mobile/src/session/Session.jsx
@@ -44,8 +44,8 @@ const RegistryDrawer = createDrawerNavigator();
 const Tab = createBottomTabNavigator();
 
 function ConversationStackScreen({ dmChannel, shareChannel, shareIntent, setShareIntent }) {
-  const stackParams = { headerStyle: { backgroundColor: Colors.screenBase }, headerBackTitleVisible: false };
-  const screenParams = { headerShown: true, headerTintColor: Colors.primary };
+  const stackParams = { headerStyle: { backgroundColor: Colors.screenBase }, headerBackTitleVisible: false, cardStyle: {backgroundColor: Colors.screenBase }};
+const screenParams = { headerShown: true, headerTintColor: Colors.primary };
 
   const conversation = useContext(ConversationContext);
   const [cardId, setCardId] = useState();
diff --git a/app/mobile/src/session/details/Details.styled.js b/app/mobile/src/session/details/Details.styled.js
index 9a55eab0..454f07ed 100644
--- a/app/mobile/src/session/details/Details.styled.js
+++ b/app/mobile/src/session/details/Details.styled.js
@@ -6,7 +6,6 @@ export const styles = StyleSheet.create({
     display: 'flex',
     flexDirection: 'column',
     alignItems: 'center',
-    backgroundColor: Colors.drawerBase,
     height: '100%',
   },
   details: {
@@ -83,7 +82,6 @@ export const styles = StyleSheet.create({
     borderColor: Colors.itemDivider,
     display: 'flex',
     flexDirection: 'row',
-    backgroundColor: Colors.drawerBase,
   },
   membersLabel: {
     paddingLeft: 16,
@@ -95,7 +93,6 @@ export const styles = StyleSheet.create({
   },
   cards: {
     width: '100%',
-    backgroundColor: Colors.drawerBase,
   },
   save: {
     padding: 8,
@@ -154,7 +151,7 @@ export const styles = StyleSheet.create({
     backgroundColor: 'rgba(52, 52, 52, 0.8)'
   },
   editContainer: {
-    backgroundColor: Colors.drawerBase,
+    backgroundColor: Colors.modalBaseBase,
     padding: 16,
     width: '80%',
     maxWidth: 400,
diff --git a/app/mobile/src/session/details/memberItem/MemberItem.styled.js b/app/mobile/src/session/details/memberItem/MemberItem.styled.js
index 5ae21db5..dbe7b4ac 100644
--- a/app/mobile/src/session/details/memberItem/MemberItem.styled.js
+++ b/app/mobile/src/session/details/memberItem/MemberItem.styled.js
@@ -10,8 +10,8 @@ export const styles = StyleSheet.create({
     alignItems: 'center',
     borderBottomWidth: 1,
     borderColor: Colors.itemDivider,
-    paddingLeft: 8,
-    paddingRight: 8,
+    paddingLeft: 16,
+    paddingRight: 16,
   },
   detail: {
     paddingLeft: 12,