diff --git a/client/src/components/Common/ChatMessageFooter.tsx b/client/src/components/Common/ChatMessageFooter.tsx
index e25810bbb..1ec72c854 100644
--- a/client/src/components/Common/ChatMessageFooter.tsx
+++ b/client/src/components/Common/ChatMessageFooter.tsx
@@ -48,13 +48,17 @@ const styles = StyleSheet.create({
         borderWidth: 1,
         borderRadius: Dimensions.get('window').width * 0.058,
         marginHorizontal: Dimensions.get('window').width * 0.005,
+        marginBottom: Platform.OS === 'ios' ? 0 : 5,
         minHeight: Dimensions.get('window').width * 0.113,
         maxHeight: Dimensions.get('window').width * 0.3,
     },
     messageInput: {
         fontSize: 16,
         flex: 1,
-        marginBottom: Platform.OS === 'ios' ? 2 : 0,
+        marginBottom: Platform.OS === 'ios' ? 5 : 4,
+        marginTop: Platform.OS === 'ios' ? 2 : 4,
+        marginHorizontal: Dimensions.get('window').width * 0.018,
+        
         
     },
     icons: {
@@ -62,7 +66,6 @@ const styles = StyleSheet.create({
     },
     iconContainer: {
         marginLeft: Dimensions.get('window').width * 0.02,
-        marginRight: Dimensions.get('window').width * 0.009,
         marginBottom: Dimensions.get('window').width * 0.025,
         marginTop: Dimensions.get('window').width * 0.025,
         flexDirection: 'row',