diff --git a/packages/react/src/views/ChatBody/ChatBody.js b/packages/react/src/views/ChatBody/ChatBody.js
index 9903d51c8..1546ae357 100644
--- a/packages/react/src/views/ChatBody/ChatBody.js
+++ b/packages/react/src/views/ChatBody/ChatBody.js
@@ -256,10 +256,11 @@ const ChatBody = ({
           </Modal.Header>
           <Modal.Content
             css={css`
-              height: 200px;
+              height: 300px;
               word-wrap: break-word;
               overflow-wrap: anywhere;
               white-space: normal;
+              padding: 20px;
             `}
           >
             {channelInfo.announcement}
diff --git a/packages/react/src/views/ChatBody/ChatBody.styles.js b/packages/react/src/views/ChatBody/ChatBody.styles.js
index 9710f213b..f7824d924 100644
--- a/packages/react/src/views/ChatBody/ChatBody.styles.js
+++ b/packages/react/src/views/ChatBody/ChatBody.styles.js
@@ -18,7 +18,7 @@ export const getChatbodyStyles = (theme, mode) => {
     announcementStyles: css`
       display: flex;
       justify-content: center;
-      padding: 10px;
+      padding: 7px;
       overflow: hidden;
       text-overflow: ellipsis;
       white-space: nowrap;