diff --git a/packages/mobile/src/components/Chat/Chat.component.tsx b/packages/mobile/src/components/Chat/Chat.component.tsx
index 11c6e402da..4a2100511e 100644
--- a/packages/mobile/src/components/Chat/Chat.component.tsx
+++ b/packages/mobile/src/components/Chat/Chat.component.tsx
@@ -170,6 +170,7 @@ export const Chat: FC<ChatProps & FileActionsProps> = ({
             <View
               style={{
                 flexDirection: 'row',
+                width: '100%',
               }}
             >
               <Input
@@ -177,15 +178,17 @@ export const Chat: FC<ChatProps & FileActionsProps> = ({
                 onChangeText={onInputTextChange}
                 placeholder={`Message #${channel?.name}`}
                 multiline={true}
-                wrapperStyle={{ flexGrow: 1 }}
+                wrapperStyle={{ width: didKeyboardShow || areFilesUploaded ? '75%' : '85%' }}
                 disabled={!ready}
               />
+
               <View
                 style={{
                   paddingLeft: 10,
                   paddingRight: 10,
                   gap: 5,
                   flexDirection: 'row',
+                  width: didKeyboardShow || areFilesUploaded ? '25%' : '15%',
                 }}
               >
                 <AttachmentButton onPress={openAttachments} />
diff --git a/packages/mobile/src/components/Chat/Chat.test.tsx b/packages/mobile/src/components/Chat/Chat.test.tsx
index 890d49b3db..940efedfff 100644
--- a/packages/mobile/src/components/Chat/Chat.test.tsx
+++ b/packages/mobile/src/components/Chat/Chat.test.tsx
@@ -3318,13 +3318,14 @@ describe('Chat component', () => {
                 style={
                   {
                     "flexDirection": "row",
+                    "width": "100%",
                   }
                 }
               >
                 <View
                   style={
                     {
-                      "flexGrow": 1,
+                      "width": "85%",
                     }
                   }
                 >
@@ -3399,6 +3400,7 @@ describe('Chat component', () => {
                       "gap": 5,
                       "paddingLeft": 10,
                       "paddingRight": 10,
+                      "width": "15%",
                     }
                   }
                 >
@@ -3772,13 +3774,14 @@ describe('Chat component', () => {
                 style={
                   {
                     "flexDirection": "row",
+                    "width": "100%",
                   }
                 }
               >
                 <View
                   style={
                     {
-                      "flexGrow": 1,
+                      "width": "75%",
                     }
                   }
                 >
@@ -3853,6 +3856,7 @@ describe('Chat component', () => {
                       "gap": 5,
                       "paddingLeft": 10,
                       "paddingRight": 10,
+                      "width": "25%",
                     }
                   }
                 >