update mailing list for mobile

NUWildHacks · Sep 20, 2023 · c62a0dd · c62a0dd
1 parent b38781d
commit c62a0dd
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/src/components/MailingList.jsx b/src/components/MailingList.jsx
@@ -68,6 +68,10 @@ const InputContainer = styled.div`
   display: flex;
   align-items: center;
   gap: 8px;
+
+  ${mobile} {
+    flex-direction: column;
+  }
 `;
 
 const Input = styled.input`
@@ -86,6 +90,10 @@ const Input = styled.input`
   &:focus {
     border-color: #559fd5;
   }
+
+  ${mobile} {
+    width: 160px;
+  }
 `;
 
 const Button = styled.button`