Tweak banner

packages/website/ts/components/banner.tsx

@@ -44,7 +44,7 @@ export const Banner: React.StatelessComponent<Props> = (props: Props) => {
                     </Paragraph>
                 )}
             </Column>
-            <Column>
+            <ColumnCta>
                 <ButtonWrap>
                     {mainCta && (
                         <Button
@@ -69,7 +69,7 @@ export const Banner: React.StatelessComponent<Props> = (props: Props) => {
                         </Button>
                     )}
                 </ButtonWrap>
-            </Column>
+            </ColumnCta>
         </CustomSection>
     );
 };
@@ -80,6 +80,9 @@ const CustomSection = styled(Section)`
     margin-top: 0;
 
     @media (max-width: 900px) {
+        align-items: center;
+        display: flex;
+        flex-direction: column;
         text-align: center;
 
         p {
@@ -92,6 +95,10 @@ const CustomSection = styled(Section)`
     }
 `;
 
+const ColumnCta = styled(Column)`
+    flex-shrink: 0;
+`;
+
 const CustomHeading = styled.h2`
     font-size: 34px;
     line-height: normal;