diff --git a/assets/newsletter-section.css b/assets/newsletter-section.css
index 7ca037d..b2c45d3 100644
--- a/assets/newsletter-section.css
+++ b/assets/newsletter-section.css
@@ -42,13 +42,6 @@
   width: fit-content;
 }
 
-@media screen and (min-width: 750px) {
-  .newsletter__button {
-    flex-shrink: 0;
-    margin: 0 0 0 1rem;
-  }
-}
-
 .shx-newsletter-form {
   display: flex;
   justify-content: center;
@@ -58,6 +51,7 @@
 
 .shx-newsletter-container {
   display: flex;
+  flex-direction: column;
   justify-content: center;
   align-items: center;
   background-color: #fff;
@@ -68,3 +62,17 @@
 .shx-newsletter-input {
   /* width: 500px; */
 }
+
+@media screen and (min-width: 750px) {
+  .newsletter__button {
+    flex-shrink: 0;
+    margin: 0 0 0 1rem;
+  }
+
+  .shx-newsletter-container {
+    flex-direction: column;
+    padding: 0px 20px 20px 20px;
+    width: 100%;
+    padding: 0 12px;
+  }
+}