fix input width

Giveth · Jul 4, 2024 · d6f606a · d6f606a
1 parent d0cc16a
commit d6f606a
Showing 1 changed file with 15 additions and 9 deletions.
diff --git a/src/components/views/landings/onboarding/main/GetStarted.tsx b/src/components/views/landings/onboarding/main/GetStarted.tsx
@@ -33,7 +33,6 @@ const GetStarted = () => {
 			const { data } = await client.query({
 				query: SUBSCRIBE_ONBOARDING,
 				variables: { email },
-				fetchPolicy: 'no-cache',
 			});
 			if (data?.subscribeOnboarding) {
 				gToast('You have successfully subscribed.', {
@@ -55,14 +54,16 @@ const GetStarted = () => {
 		<OnboardingHeaderWrapperStyled>
 			<H5 weight={700}>Get started with our Giveth onboarding guide</H5>
 			<form onSubmit={handleSubmit(onSubmit)}>
-				<Input
-					registerName={'email'}
-					placeholder={'Your email address'}
-					size={InputSize.MEDIUM}
-					register={register}
-					error={errors.email}
-					registerOptions={requiredOptions.email}
-				/>
+				<InputWrapper>
+					<Input
+						registerName={'email'}
+						placeholder={'Your email address'}
+						size={InputSize.MEDIUM}
+						register={register}
+						error={errors.email}
+						registerOptions={requiredOptions.email}
+					/>
+				</InputWrapper>
 				<StyledButton type='submit'>
 					Discover the Future of Giving
 				</StyledButton>
@@ -71,6 +72,11 @@ const GetStarted = () => {
 	);
 };
 
+const InputWrapper = styled.div`
+	max-width: 700px;
+	margin-top: 25px;
+`;
+
 const StyledButton = styled.button`
 	display: flex;
 	height: 48px;