Add padding to modal

RocketChat · Dec 25, 2024 · 895f6c6 · 895f6c6
1 parent b4a3514
commit 895f6c6
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git 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
@@ -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;