From 0e8f14a58a34c65c57051a60f5390d9f2f3971a4 Mon Sep 17 00:00:00 2001
From: Gabe Kangas <gabek@real-ity.com>
Date: Fri, 28 Oct 2022 22:39:20 -0700
Subject: [PATCH] Fix text input width. Closes #2184

---
 web/components/ComposeFederatedPost.tsx | 20 +++++++++-----------
 1 file changed, 9 insertions(+), 11 deletions(-)

diff --git a/web/components/ComposeFederatedPost.tsx b/web/components/ComposeFederatedPost.tsx
index 9e3e18004..ada7826c3 100644
--- a/web/components/ComposeFederatedPost.tsx
+++ b/web/components/ComposeFederatedPost.tsx
@@ -1,6 +1,6 @@
 import React, { FC, useState } from 'react';
 
-import { Button, Space, Input, Modal } from 'antd';
+import { Button, Input, Modal } from 'antd';
 import { STATUS_ERROR, STATUS_SUCCESS } from '../utils/input-statuses';
 import { fetchData, FEDERATION_MESSAGE_SEND } from '../utils/apis';
 
@@ -67,16 +67,14 @@ export const ComposeFederatedPost: FC<ComposeFederatedPostProps> = ({ visible, h
         </Button>,
       ]}
     >
-      <Space id="fediverse-post-container" direction="vertical">
-        <TextArea
-          placeholder="Tell the world about your streaming plans..."
-          size="large"
-          showCount
-          maxLength={500}
-          style={{ height: '150px' }}
-          onChange={handleEditorChange}
-        />
-      </Space>
+      <TextArea
+        placeholder="Tell the world about your streaming plans..."
+        size="large"
+        showCount
+        maxLength={500}
+        style={{ height: '150px', width: '100%' }}
+        onChange={handleEditorChange}
+      />
     </Modal>
   );
 };