From 7a8a9f425aab818b31cfc2b0d6f3d144a7da91ac Mon Sep 17 00:00:00 2001
From: Tessa Thornton <tessathornton@gmail.com>
Date: Wed, 31 Jul 2019 11:12:25 -0400
Subject: [PATCH] fix dismiss button being cut off in pre-mod notice (#2433)

---
 .../PostCommentInReviewMessage.css               |  4 ++++
 .../PostCommentInReviewMessage.tsx               | 16 +++++++++++-----
 2 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/src/core/client/stream/tabs/Comments/Stream/PostCommentForm/PostCommentInReviewMessage.css b/src/core/client/stream/tabs/Comments/Stream/PostCommentForm/PostCommentInReviewMessage.css
index 4bca5cc0d..ea6a1abd1 100644
--- a/src/core/client/stream/tabs/Comments/Stream/PostCommentForm/PostCommentInReviewMessage.css
+++ b/src/core/client/stream/tabs/Comments/Stream/PostCommentForm/PostCommentInReviewMessage.css
@@ -1,3 +1,7 @@
 .flex {
   width: 100%;
 }
+
+.buttonWrapper {
+  padding-left: var(--spacing-2);
+}
diff --git a/src/core/client/stream/tabs/Comments/Stream/PostCommentForm/PostCommentInReviewMessage.tsx b/src/core/client/stream/tabs/Comments/Stream/PostCommentForm/PostCommentInReviewMessage.tsx
index 1e0695617..648668a18 100644
--- a/src/core/client/stream/tabs/Comments/Stream/PostCommentForm/PostCommentInReviewMessage.tsx
+++ b/src/core/client/stream/tabs/Comments/Stream/PostCommentForm/PostCommentInReviewMessage.tsx
@@ -20,11 +20,17 @@ const PostCommentInReview: FunctionComponent<
             Your comment has been submitted and will be reviewed by a moderator
           </div>
         </Localized>
-        <Localized id="comments-submitStatus-dismiss">
-          <Button onClick={props.onDismiss} variant="underlined" color="light">
-            Dismiss
-          </Button>
-        </Localized>
+        <div className={styles.buttonWrapper}>
+          <Localized id="comments-submitStatus-dismiss">
+            <Button
+              onClick={props.onDismiss}
+              variant="underlined"
+              color="light"
+            >
+              Dismiss
+            </Button>
+          </Localized>
+        </div>
       </Flex>
     </Message>
   );