GREG-192: Changing to inherit width for large login box

frontend/src/components/loginBox/index.tsx

@@ -18,7 +18,7 @@ interface LoginBoxProps {
   header: string
   info: string
   manual?: boolean
-  large?: boolean
+  inheritWidth?: boolean
   onClickLogin?: () => any
 }
 
@@ -26,14 +26,14 @@ const LoginBox = ({
   header,
   info,
   manual,
-  large,
+  inheritWidth,
   onClickLogin,
 }: LoginBoxProps) => {
   const { t } = useTranslation('login')
   return (
     <StyledBox
       sx={{
-        width: large ? '48rem' : '24rem',
+        width: inheritWidth ? 'inherit' : '24rem',
         height: '18rem',
         marginBottom: { xs: '2rem', md: '0rem' },
       }}
@@ -86,5 +86,5 @@ const LoginBox = ({
     </StyledBox>
   )
 }
-LoginBox.defaultProps = { manual: false, large: false, onClickLogin: {} }
+LoginBox.defaultProps = { manual: false, inheritWidth: false, onClickLogin: {} }
 export default LoginBox

frontend/src/routes/invite/index.tsx

@@ -38,7 +38,7 @@ function ChooseRegistrationMethod() {
           header={t('guest')}
           info={t('guestInfo')}
           manual
-          large
+          inheritWidth
           onClickLogin={setCookieLogin}
         />
       </Container>