icon refine

src/components/header/view/headerStyles.js

@@ -61,6 +61,14 @@ export default EStyleSheet.create({
     color: '$iconColor',
     justifyContent: 'center',
   },
+  viewIconContainer: {
+    marginRight: 8,
+  },
+  viewIcon: {
+    fontSize: 24,
+    color: '$iconColor',
+    justifyContent: 'center',
+  },
   backButton: {
     marginLeft: 24,
   },

src/components/header/view/headerView.js

@@ -113,7 +113,8 @@ const HeaderView = ({
         <View style={styles.backButtonWrapper}>
           {enableViewModeToggle && (
             <IconButton
-              iconStyle={styles.backIcon}
+              style={styles.viewIconContainer}
+              iconStyle={styles.viewIcon}
               name="view-module"
               iconType="MaterialIcons"
               onPress={handleOnViewModePress}