Fixing width of social media and newsletter section of

footer.

packages/mvmuseum-theme/src/components/partials/newsletter-socialmedia.js

@@ -51,7 +51,6 @@ export default connect(NewsletterSocialMedia);
 
 const NewsletterSocialMediaContainer = styled.div`
   width: 100%;
-  ${"" /* grid-template-rows: repeat(3, 1fr); */}
   position: relative;
   z-index: 100;
   background: white;
@@ -88,7 +87,7 @@ const NewsletterForm = styled.div`
 
 const StyledForm = styled.form`
   position: relative;
-  width: 25%;
+  width: 33%;
   height: 1.5rem;
   display: flex;
   justify-content: center;
@@ -106,7 +105,7 @@ const StyledForm = styled.form`
     position: absolute;
     top: 0;
     bottom: 0;
-    right: 0.75rem;
+    right: 0.5rem;
     heigth: 1.25rem;
     width: 1.25rem;
     cursor: pointer;
@@ -114,7 +113,7 @@ const StyledForm = styled.form`
   }
 
   ${(props) => props.theme.breakPoints.md} {
-    width: 50%;
+    width: 67%;
   }
 `;