fix: fix styles for the info message boxes

2023-10-26 19:38:31 +01:00 · 2023-10-26 19:38:31 +01:00 · 0d5347078b
parent 447bdb7d6d
commit 0d5347078b
1 changed files with 7 additions and 2 deletions
--- a/src/components/NewsletterSubscriptionForm/NewsletterSubscriptionForm.tsx
+++ b/src/components/NewsletterSubscriptionForm/NewsletterSubscriptionForm.tsx
@ -101,6 +101,8 @@ const GoBackButton = styled(Button)`
 `

 const MessageContainer = styled.div`
+  box-sizing: border-box;
+
  display: flex;
  align-items: center;

@ -110,8 +112,11 @@ const MessageContainer = styled.div`
  margin-bottom: -6px;
  margin-top: 40px;

-  width: 430px;
-  max-width: 93%;
+  width: 100%;
+
+  svg {
+    flex-shrink: 0;
+  }
 `

 const SubmitionInfoMessage = styled(Typography)`