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>
   );
 };