Small fixes

.semaphore/semaphore.yml

@@ -34,7 +34,7 @@ global_job_config:
     commands:
       - checkout
 
-      # restore cache for nvm, yarn and node_modeles
+      # restore cache for nvm, yarn and node_modules
       - cache restore
       - nvm use
 blocks:

components/pages/signIn/components/SignInForm/styled.ts

@@ -2,6 +2,7 @@ import styled from 'styled-components';
 
 export const FormContentWrapper = styled.div`
   width: 40rem;
+  max-width: 100%;
 `;
 
 export const FieldWrapper = styled.div`

components/pages/signUp/components/SignUpForm/SignUpForm.test.jsx

@@ -8,7 +8,7 @@ import SignUpForm from './SignUpForm';
 
 jest.mock('lib/apollo/hooks/actions/useSignUp');
 
-describe('SignInForm', () => {
+describe('SignUpForm', () => {
   let signUp;
   let signUpState;
 
@@ -80,6 +80,6 @@ describe('SignInForm', () => {
     fireEvent.click(screen.getByTestId('submit-button'));
 
     // Assert
-    expect(screen.getByTestId('signin-loader')).toBeInTheDocument();
+    expect(screen.getByTestId('signup-loader')).toBeInTheDocument();
   });
 });

components/pages/signUp/components/SignUpForm/SignUpForm.tsx

@@ -71,7 +71,7 @@ const SignUpForm = () => {
         component={SignUpFormContent}
         validationSchema={SignUpValidationSchema}
       />
-      {signUpResult.loading && <Loader testId="signin-loader">Loading...</Loader>}
+      {signUpResult.loading && <Loader testId="signup-loader">Loading...</Loader>}
     </>
   );
 };

components/shared/templates/DefaultTemplate/styled.ts

@@ -7,7 +7,7 @@ export const Wrapper = styled.div`
   align-items: center;
 `;
 
-export const PageContent = styled.div(
+export const PageContent = styled.main(
   ({ theme: { down, breakpoints } }) =>
     css`
       padding: 2rem 1rem;