Minor style fixes

29ki · May 17, 2024 · 2cbcf61 · 2cbcf61
1 parent 67797f8
commit 2cbcf61
Showing 1 changed file with 9 additions and 9 deletions.
diff --git a/client/src/routes/modals/AddSessionByInviteModal/AddSessionByInviteModal.tsx b/client/src/routes/modals/AddSessionByInviteModal/AddSessionByInviteModal.tsx
@@ -7,11 +7,7 @@ import styled from 'styled-components/native';
 import {JoinSessionError} from '../../../../../shared/src/errors/Session';
 import {COLORS} from '../../../../../shared/src/constants/colors';
 import Gutters from '../../../lib/components/Gutters/Gutters';
-import {
-  Spacer16,
-  Spacer24,
-  Spacer8,
-} from '../../../lib/components/Spacers/Spacer';
+import {Spacer16, Spacer32} from '../../../lib/components/Spacers/Spacer';
 import {Body16} from '../../../lib/components/Typography/Body/Body';
 import VerificationCode from '../../../lib/components/VerificationCode/VerificationCode';
 import {ModalStackProps} from '../../../lib/navigation/constants/routes';
@@ -24,6 +20,11 @@ import useLogSessionMetricEvents from '../../../lib/sessions/hooks/useLogSession
 
 const ErrorText = styled(Body16)({color: COLORS.ERROR, textAlign: 'center'});
 
+const Container = styled(Gutters)({
+  flex: 1,
+  justifyContent: 'center',
+});
+
 const AddSessionModal = () => {
   const {t} = useTranslation('Modal.JoinSession');
   const {params: {inviteCode} = {}} =
@@ -69,8 +70,7 @@ const AddSessionModal = () => {
 
   return (
     <CardModal>
-      <Spacer24 />
-      <Gutters>
+      <Container>
         {errorString ? (
           <ErrorText>{errorString}</ErrorText>
         ) : (
@@ -83,8 +83,8 @@ const AddSessionModal = () => {
           onCodeType={onCodeType}
           onCodeCompleted={onCodeCompleted}
         />
-        <Spacer8 />
-      </Gutters>
+        <Spacer32 />
+      </Container>
     </CardModal>
   );
 };