replace Container with Row

freeCodeCamp · Nov 6, 2023 · c03934b · c03934b
1 parent f181b67
commit c03934b
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/client/src/pages/email-sign-up.css b/client/src/pages/email-sign-up.css
@@ -3,11 +3,11 @@
   font-size: 1rem;
 }
 
+/*
+This is a temporary fix until the component library is revisited.
+See https://github.com/freeCodeCamp/freeCodeCamp/issues/52131#issuecomment-1788840851.
+*/
 .email-list-opt {
-  /*
-  This is a temporary fix until the component library is revisited.
-  See https://github.com/freeCodeCamp/freeCodeCamp/issues/52131#issuecomment-1788840851.
- */
   display: flex;
   flex-wrap: wrap;
 }

diff --git a/client/src/pages/email-sign-up.tsx b/client/src/pages/email-sign-up.tsx
@@ -61,7 +61,7 @@ function EmailListOptIn({
   const { t } = useTranslation();
   if (isSignedIn) {
     return (
-      <Container className='email-list-opt'>
+      <Row className='email-list-opt'>
         <Col md={4} mdOffset={2} sm={5} smOffset={1} xs={12}>
           <Button
             block={true}
@@ -86,7 +86,7 @@ function EmailListOptIn({
           </Button>
           <Spacer size='small' />
         </Col>
-      </Container>
+      </Row>
     );
   } else {
     return (