diff --git a/packages/ui-react/src/components/Account/Account.tsx b/packages/ui-react/src/components/Account/Account.tsx
index 06c928205..70de998cc 100644
--- a/packages/ui-react/src/components/Account/Account.tsx
+++ b/packages/ui-react/src/components/Account/Account.tsx
@@ -242,6 +242,7 @@ const Account = ({ panelClassName, panelHeaderClassName, canUpdateEmail = true }
                   helperText={section.errors?.firstName}
                   disabled={section.isBusy}
                   editing={section.isEditing}
+                  autoComplete="given-name"
                   lang={htmlLang}
                 />
                 <TextField
@@ -253,6 +254,7 @@ const Account = ({ panelClassName, panelHeaderClassName, canUpdateEmail = true }
                   helperText={section.errors?.lastName}
                   disabled={section.isBusy}
                   editing={section.isEditing}
+                  autoComplete="family-name"
                   lang={htmlLang}
                 />
               </>
@@ -284,6 +286,7 @@ const Account = ({ panelClassName, panelHeaderClassName, canUpdateEmail = true }
                   helperText={section.errors?.email}
                   disabled={section.isBusy}
                   editing={section.isEditing}
+                  autoComplete="email"
                   required
                 />
                 {section.isEditing && (
@@ -296,6 +299,7 @@ const Account = ({ panelClassName, panelHeaderClassName, canUpdateEmail = true }
                     helperText={section.errors?.confirmationPassword}
                     type={viewPassword ? 'text' : 'password'}
                     disabled={section.isBusy}
+                    autoComplete="current-password"
                     rightControl={
                       <IconButton aria-label={viewPassword ? t('account.hide_password') : t('account.view_password')} onClick={() => toggleViewPassword()}>
                         <Icon icon={viewPassword ? Visibility : VisibilityOff} />
diff --git a/packages/ui-react/src/components/Account/__snapshots__/Account.test.tsx.snap b/packages/ui-react/src/components/Account/__snapshots__/Account.test.tsx.snap
index 8d19e2e73..cf5d14273 100644
--- a/packages/ui-react/src/components/Account/__snapshots__/Account.test.tsx.snap
+++ b/packages/ui-react/src/components/Account/__snapshots__/Account.test.tsx.snap
@@ -37,6 +37,7 @@ exports[`<Account> > renders and matches snapshot 1`] = `
           aria-describedby="helper_text_1235_firstname"
           aria-invalid="false"
           aria-required="false"
+          autocomplete="given-name"
           class="_input_e16c1b"
           id="text-field_1235_firstname"
           lang="en"
@@ -59,6 +60,7 @@ exports[`<Account> > renders and matches snapshot 1`] = `
           aria-describedby="helper_text_1235_lastname"
           aria-invalid="false"
           aria-required="false"
+          autocomplete="family-name"
           class="_input_e16c1b"
           id="text-field_1235_lastname"
           lang="en"
@@ -112,6 +114,7 @@ exports[`<Account> > renders and matches snapshot 1`] = `
           aria-describedby="helper_text_1235_email"
           aria-invalid="false"
           aria-required="true"
+          autocomplete="email"
           class="_input_e16c1b"
           id="text-field_1235_email"
           name="email"
diff --git a/packages/ui-react/src/components/CheckoutForm/__snapshots__/CheckoutForm.test.tsx.snap b/packages/ui-react/src/components/CheckoutForm/__snapshots__/CheckoutForm.test.tsx.snap
index 7111ff503..0999384b7 100644
--- a/packages/ui-react/src/components/CheckoutForm/__snapshots__/CheckoutForm.test.tsx.snap
+++ b/packages/ui-react/src/components/CheckoutForm/__snapshots__/CheckoutForm.test.tsx.snap
@@ -100,6 +100,7 @@ exports[`<CheckoutForm> > renders and matches snapshot 1`] = `
                   aria-describedby="helper_text_1235_cardholdername"
                   aria-invalid="false"
                   aria-required="true"
+                  autocomplete="cc-name"
                   class="_input_e16c1b"
                   id="text-field_1235_cardholdername"
                   name="cardholderName"
@@ -128,6 +129,7 @@ exports[`<CheckoutForm> > renders and matches snapshot 1`] = `
                   aria-describedby="helper_text_1235_cardnumber"
                   aria-invalid="false"
                   aria-required="true"
+                  autocomplete="cc-number"
                   class="_input_e16c1b"
                   id="text-field_1235_cardnumber"
                   name="cardNumber"
@@ -160,6 +162,7 @@ exports[`<CheckoutForm> > renders and matches snapshot 1`] = `
                     aria-describedby="helper_text_1235_cardexpiry"
                     aria-invalid="false"
                     aria-required="true"
+                    autocomplete="cc-exp"
                     class="_input_e16c1b"
                     id="text-field_1235_cardexpiry"
                     name="cardExpiry"
@@ -190,6 +193,7 @@ exports[`<CheckoutForm> > renders and matches snapshot 1`] = `
                     aria-invalid="false"
                     aria-label="payment.security_code"
                     aria-required="true"
+                    autocomplete="cc-csc"
                     class="_input_e16c1b"
                     id="text-field_1235_cardcvc"
                     name="cardCVC"
diff --git a/packages/ui-react/src/components/CreditCardCVCField/CreditCardCVCField.tsx b/packages/ui-react/src/components/CreditCardCVCField/CreditCardCVCField.tsx
index 576fdfe7c..4be56f464 100644
--- a/packages/ui-react/src/components/CreditCardCVCField/CreditCardCVCField.tsx
+++ b/packages/ui-react/src/components/CreditCardCVCField/CreditCardCVCField.tsx
@@ -33,6 +33,7 @@ const CreditCardCVCField: React.FC<Props> = ({ value, onChange, error, ...props
       onChange={formatCVC}
       pattern="\d*"
       placeholder="###"
+      autoComplete="cc-csc"
       required
     />
   );
diff --git a/packages/ui-react/src/components/CreditCardCVCField/__snapshots__/CreditCardCVCField.test.tsx.snap b/packages/ui-react/src/components/CreditCardCVCField/__snapshots__/CreditCardCVCField.test.tsx.snap
index 907b37482..63a19fa2a 100644
--- a/packages/ui-react/src/components/CreditCardCVCField/__snapshots__/CreditCardCVCField.test.tsx.snap
+++ b/packages/ui-react/src/components/CreditCardCVCField/__snapshots__/CreditCardCVCField.test.tsx.snap
@@ -19,6 +19,7 @@ exports[`<CreditCardCVCField> > renders and matches snapshot 1`] = `
         aria-invalid="false"
         aria-label="payment.security_code"
         aria-required="true"
+        autocomplete="cc-csc"
         class="_input_e16c1b"
         id="text-field_1235_cardcvc"
         name="cardCVC"
diff --git a/packages/ui-react/src/components/CreditCardExpiryField/CreditCardExpiryField.tsx b/packages/ui-react/src/components/CreditCardExpiryField/CreditCardExpiryField.tsx
index 784035037..37c74b881 100644
--- a/packages/ui-react/src/components/CreditCardExpiryField/CreditCardExpiryField.tsx
+++ b/packages/ui-react/src/components/CreditCardExpiryField/CreditCardExpiryField.tsx
@@ -45,6 +45,7 @@ const CreditCardExpiryField: React.FC<Props> = ({ value, onChange, error, ...pro
       type="text"
       pattern="\d*"
       placeholder="MM/YY"
+      autoComplete="cc-exp"
       required
     />
   );
diff --git a/packages/ui-react/src/components/CreditCardExpiryField/__snapshots__/CreditCardExpiryField.test.tsx.snap b/packages/ui-react/src/components/CreditCardExpiryField/__snapshots__/CreditCardExpiryField.test.tsx.snap
index 8a88f1e31..1f2092c2d 100644
--- a/packages/ui-react/src/components/CreditCardExpiryField/__snapshots__/CreditCardExpiryField.test.tsx.snap
+++ b/packages/ui-react/src/components/CreditCardExpiryField/__snapshots__/CreditCardExpiryField.test.tsx.snap
@@ -18,6 +18,7 @@ exports[`<CreditCardExpiryField> > renders and matches snapshot 1`] = `
         aria-describedby="helper_text_1235_cardexpiry"
         aria-invalid="false"
         aria-required="true"
+        autocomplete="cc-exp"
         class="_input_e16c1b"
         id="text-field_1235_cardexpiry"
         name="cardExpiry"
diff --git a/packages/ui-react/src/components/CreditCardNumberField/CreditCardNumberField.tsx b/packages/ui-react/src/components/CreditCardNumberField/CreditCardNumberField.tsx
index db9f5dca5..fb9957c79 100644
--- a/packages/ui-react/src/components/CreditCardNumberField/CreditCardNumberField.tsx
+++ b/packages/ui-react/src/components/CreditCardNumberField/CreditCardNumberField.tsx
@@ -73,6 +73,7 @@ const CreditCardNumberField: React.FC<Props> = ({ value, error, onChange, onBlur
       type="text"
       placeholder="1234 5678 9012 3456"
       rightControl={cardIssuer}
+      autoComplete="cc-number"
       required
     />
   );
diff --git a/packages/ui-react/src/components/CreditCardNumberField/__snapshots__/CreditCardNumberField.test.tsx.snap b/packages/ui-react/src/components/CreditCardNumberField/__snapshots__/CreditCardNumberField.test.tsx.snap
index 0e1412821..b06118109 100644
--- a/packages/ui-react/src/components/CreditCardNumberField/__snapshots__/CreditCardNumberField.test.tsx.snap
+++ b/packages/ui-react/src/components/CreditCardNumberField/__snapshots__/CreditCardNumberField.test.tsx.snap
@@ -18,6 +18,7 @@ exports[`<CreditCardNumberField> > renders and matches snapshot 1`] = `
         aria-describedby="helper_text_1235_cardnumber"
         aria-invalid="false"
         aria-required="true"
+        autocomplete="cc-number"
         class="_input_e16c1b"
         id="text-field_1235_cardnumber"
         name="cardNumber"
diff --git a/packages/ui-react/src/components/CustomRegisterField/__snapshots__/CustomRegisterField.test.tsx.snap b/packages/ui-react/src/components/CustomRegisterField/__snapshots__/CustomRegisterField.test.tsx.snap
index e9a7dba46..327f8c779 100644
--- a/packages/ui-react/src/components/CustomRegisterField/__snapshots__/CustomRegisterField.test.tsx.snap
+++ b/packages/ui-react/src/components/CustomRegisterField/__snapshots__/CustomRegisterField.test.tsx.snap
@@ -101,6 +101,7 @@ exports[`<CustomRegisterField> > renders and matches snapshot <Dropdown type="da
         name="name"
       />
       <input
+        autocomplete="bday-day"
         class="_input_eb6974"
         id="text-field_1235_name-date"
         maxlength="2"
@@ -111,6 +112,7 @@ exports[`<CustomRegisterField> > renders and matches snapshot <Dropdown type="da
       />
        / 
       <input
+        autocomplete="bday-month"
         class="_input_eb6974"
         id="text-field_1235_name-month"
         maxlength="2"
@@ -121,6 +123,7 @@ exports[`<CustomRegisterField> > renders and matches snapshot <Dropdown type="da
       />
        / 
       <input
+        autocomplete="bday-year"
         class="_input_eb6974"
         id="text-field_1235_name-year"
         maxlength="4"
diff --git a/packages/ui-react/src/components/DateField/DateField.tsx b/packages/ui-react/src/components/DateField/DateField.tsx
index b86d25770..41b7e6130 100644
--- a/packages/ui-react/src/components/DateField/DateField.tsx
+++ b/packages/ui-react/src/components/DateField/DateField.tsx
@@ -170,6 +170,7 @@ const DateField: React.FC<Props> = ({
           maxLength={2}
           type="number"
           id={`${id}-date`}
+          autoComplete="bday-day"
         />
         {' / '}
         <input
@@ -184,6 +185,7 @@ const DateField: React.FC<Props> = ({
           maxLength={2}
           type="number"
           id={`${id}-month`}
+          autoComplete="bday-month"
         />
         {' / '}
         <input
@@ -198,6 +200,7 @@ const DateField: React.FC<Props> = ({
           maxLength={4}
           type="number"
           id={`${id}-year`}
+          autoComplete="bday-year"
         />
       </div>
       <HelperText id={helperTextId} error={error}>
diff --git a/packages/ui-react/src/components/EditCardPaymentForm/EditCardPaymentForm.tsx b/packages/ui-react/src/components/EditCardPaymentForm/EditCardPaymentForm.tsx
index 9881a4afc..369610415 100644
--- a/packages/ui-react/src/components/EditCardPaymentForm/EditCardPaymentForm.tsx
+++ b/packages/ui-react/src/components/EditCardPaymentForm/EditCardPaymentForm.tsx
@@ -109,6 +109,7 @@ const EditCardPaymentForm: React.FC<Props> = ({ onCancel, setUpdatingCardDetails
           onChange={paymentData?.handleChange}
           onBlur={paymentData?.handleBlur}
           placeholder={t('checkout.credit_card_name')}
+          autoComplete="cc-name"
           required
         />
       </div>
diff --git a/packages/ui-react/src/components/EditPasswordForm/EditPasswordForm.tsx b/packages/ui-react/src/components/EditPasswordForm/EditPasswordForm.tsx
index 58214e75e..5d2aae4be 100644
--- a/packages/ui-react/src/components/EditPasswordForm/EditPasswordForm.tsx
+++ b/packages/ui-react/src/components/EditPasswordForm/EditPasswordForm.tsx
@@ -76,6 +76,7 @@ const EditPasswordForm: React.FC<Props> = ({
           placeholder={t('reset.reset_password_token')}
           name="resetPasswordToken"
           type="text"
+          autoComplete=""
           required
         />
       )}
diff --git a/packages/ui-react/src/components/ForgotPasswordForm/ForgotPasswordForm.tsx b/packages/ui-react/src/components/ForgotPasswordForm/ForgotPasswordForm.tsx
index ae3c69613..47d950cf9 100644
--- a/packages/ui-react/src/components/ForgotPasswordForm/ForgotPasswordForm.tsx
+++ b/packages/ui-react/src/components/ForgotPasswordForm/ForgotPasswordForm.tsx
@@ -36,9 +36,10 @@ const ForgotPasswordForm: React.FC<Props> = ({ onSubmit, onChange, value, errors
         placeholder={t('reset.email')}
         error={!!errors.email || !!errors.form}
         helperText={errors.email}
-        required
         name="email"
         type="email"
+        autoComplete="email"
+        required
       />
       <Button type="submit" className={styles.button} fullWidth color="primary" disabled={submitting} label={t('reset.email_me')} />
     </form>
diff --git a/packages/ui-react/src/components/ForgotPasswordForm/__snapshots__/ForgotPasswordForm.test.tsx.snap b/packages/ui-react/src/components/ForgotPasswordForm/__snapshots__/ForgotPasswordForm.test.tsx.snap
index c9d190dc7..d62d3fbd4 100644
--- a/packages/ui-react/src/components/ForgotPasswordForm/__snapshots__/ForgotPasswordForm.test.tsx.snap
+++ b/packages/ui-react/src/components/ForgotPasswordForm/__snapshots__/ForgotPasswordForm.test.tsx.snap
@@ -32,6 +32,7 @@ exports[`<ForgotPasswordForm> > renders and matches snapshot type forgot 1`] = `
           aria-describedby="helper_text_1235_email"
           aria-invalid="false"
           aria-required="true"
+          autocomplete="email"
           class="_input_e16c1b"
           id="text-field_1235_email"
           name="email"
diff --git a/packages/ui-react/src/components/LoginForm/LoginForm.tsx b/packages/ui-react/src/components/LoginForm/LoginForm.tsx
index b594c673d..edf4224f9 100644
--- a/packages/ui-react/src/components/LoginForm/LoginForm.tsx
+++ b/packages/ui-react/src/components/LoginForm/LoginForm.tsx
@@ -69,6 +69,7 @@ const LoginForm: React.FC<Props> = ({ onSubmit, onChange, socialLoginURLs, value
         type="email"
         required
         testId="login-email-input"
+        autoComplete="email"
       />
       <TextField
         value={values.password}
@@ -86,6 +87,7 @@ const LoginForm: React.FC<Props> = ({ onSubmit, onChange, socialLoginURLs, value
         }
         required
         testId="login-password-input"
+        autoComplete="current-password"
       />
       {submitting && <LoadingOverlay transparentBackground inline />}
       <Link className={styles.link} to={modalURLFromLocation(location, 'forgot-password')}>
diff --git a/packages/ui-react/src/components/LoginForm/__snapshots__/LoginForm.test.tsx.snap b/packages/ui-react/src/components/LoginForm/__snapshots__/LoginForm.test.tsx.snap
index 6be761d51..9bea3f6d3 100644
--- a/packages/ui-react/src/components/LoginForm/__snapshots__/LoginForm.test.tsx.snap
+++ b/packages/ui-react/src/components/LoginForm/__snapshots__/LoginForm.test.tsx.snap
@@ -47,6 +47,7 @@ exports[`<LoginForm> > renders and matches snapshot 1`] = `
           aria-describedby="helper_text_1235_email"
           aria-invalid="false"
           aria-required="true"
+          autocomplete="email"
           class="_input_e16c1b"
           id="text-field_1235_email"
           name="email"
@@ -74,6 +75,7 @@ exports[`<LoginForm> > renders and matches snapshot 1`] = `
           aria-describedby="helper_text_1235_password"
           aria-invalid="false"
           aria-required="true"
+          autocomplete="current-password"
           class="_input_e16c1b"
           id="text-field_1235_password"
           name="password"
diff --git a/packages/ui-react/src/components/Payment/Payment.tsx b/packages/ui-react/src/components/Payment/Payment.tsx
index de4af6a34..881b90510 100644
--- a/packages/ui-react/src/components/Payment/Payment.tsx
+++ b/packages/ui-react/src/components/Payment/Payment.tsx
@@ -296,6 +296,7 @@ const Payment = ({
                 value={`•••• •••• •••• ${activePaymentDetail.paymentMethodSpecificParams.lastCardFourDigits || ''}`}
                 aria-label={t('user:payment.card_number_hidden', { number: activePaymentDetail.paymentMethodSpecificParams.lastCardFourDigits })}
                 editing={false}
+                autoComplete="cc-number"
               />
               <div className={styles.cardDetails}>
                 <TextField
@@ -303,6 +304,7 @@ const Payment = ({
                   name="cardExpiry"
                   value={activePaymentDetail.paymentMethodSpecificParams.cardExpirationDate}
                   editing={false}
+                  autoComplete="cc-exp"
                 />
                 <TextField
                   label={t('user:payment.security_code')}
@@ -310,6 +312,7 @@ const Payment = ({
                   value={'******'}
                   editing={false}
                   aria-label={t('user:payment.security_code_hidden')}
+                  autoComplete="cc-csc"
                 />
               </div>
               <Button label={t('account:payment.edit_card')} variant="outlined" onClick={onEditCardDetailsClick} />
diff --git a/packages/ui-react/src/components/Payment/__snapshots__/Payment.test.tsx.snap b/packages/ui-react/src/components/Payment/__snapshots__/Payment.test.tsx.snap
index 6a20f57b2..ccd7ad526 100644
--- a/packages/ui-react/src/components/Payment/__snapshots__/Payment.test.tsx.snap
+++ b/packages/ui-react/src/components/Payment/__snapshots__/Payment.test.tsx.snap
@@ -32,6 +32,7 @@ exports[`<Payment> > renders and matches snapshot 1`] = `
           aria-invalid="false"
           aria-label="user:payment.card_number_hidden"
           aria-required="false"
+          autocomplete="cc-number"
           class="_input_e16c1b"
           id="text-field_1235_cardnumber"
           name="cardNumber"
@@ -56,6 +57,7 @@ exports[`<Payment> > renders and matches snapshot 1`] = `
             aria-describedby="helper_text_1235_cardexpiry"
             aria-invalid="false"
             aria-required="false"
+            autocomplete="cc-exp"
             class="_input_e16c1b"
             id="text-field_1235_cardexpiry"
             name="cardExpiry"
@@ -78,6 +80,7 @@ exports[`<Payment> > renders and matches snapshot 1`] = `
             aria-invalid="false"
             aria-label="user:payment.security_code_hidden"
             aria-required="false"
+            autocomplete="cc-csc"
             class="_input_e16c1b"
             id="text-field_1235_cardsecuritycode"
             name="cardSecurityCode"
diff --git a/packages/ui-react/src/components/PaymentForm/PaymentForm.tsx b/packages/ui-react/src/components/PaymentForm/PaymentForm.tsx
index d92043ff6..9d8092101 100644
--- a/packages/ui-react/src/components/PaymentForm/PaymentForm.tsx
+++ b/packages/ui-react/src/components/PaymentForm/PaymentForm.tsx
@@ -85,6 +85,7 @@ const PaymentForm: React.FC<Props> = ({ onPaymentFormSubmit }) => {
             onChange={handleChange}
             onBlur={handleBlur}
             placeholder={t('checkout.credit_card_name')}
+            autoComplete="cc-name"
             required
           />
         </div>
diff --git a/packages/ui-react/src/components/PersonalDetailsForm/PersonalDetailsForm.tsx b/packages/ui-react/src/components/PersonalDetailsForm/PersonalDetailsForm.tsx
index a4a9e7c3b..5c0ac3e4d 100644
--- a/packages/ui-react/src/components/PersonalDetailsForm/PersonalDetailsForm.tsx
+++ b/packages/ui-react/src/components/PersonalDetailsForm/PersonalDetailsForm.tsx
@@ -98,6 +98,7 @@ const PersonalDetailsForm: React.FC<Props> = ({
             helperText={errors.firstName}
             required={fields.firstNameLastName.required}
             name="firstName"
+            autoComplete="given-name"
           />
           <TextField
             value={values.lastName}
@@ -108,6 +109,7 @@ const PersonalDetailsForm: React.FC<Props> = ({
             helperText={errors.lastName}
             required={fields.firstNameLastName.required}
             name="lastName"
+            autoComplete="family-name"
           />
         </React.Fragment>
       ) : null}
@@ -121,6 +123,7 @@ const PersonalDetailsForm: React.FC<Props> = ({
           helperText={errors.companyName}
           required={fields.companyName.required}
           name="companyName"
+          autoComplete="organization"
         />
       ) : null}
       {fields.address?.enabled ? (
@@ -134,6 +137,7 @@ const PersonalDetailsForm: React.FC<Props> = ({
             helperText={errors.address}
             required={fields.address.required}
             name="address"
+            autoComplete="address-line1"
           />
           <TextField
             value={values.address2}
@@ -143,6 +147,7 @@ const PersonalDetailsForm: React.FC<Props> = ({
             error={!!errors.address2 || !!errors.form}
             helperText={errors.address2}
             name="address2"
+            autoComplete="address-line2"
           />
           <TextField
             value={values.city}
@@ -153,6 +158,7 @@ const PersonalDetailsForm: React.FC<Props> = ({
             helperText={errors.city}
             required={fields.address.required}
             name="city"
+            autoComplete="address-level2"
           />
           <TextField
             value={values.state}
@@ -163,6 +169,7 @@ const PersonalDetailsForm: React.FC<Props> = ({
             helperText={errors.state}
             required={fields.address.required}
             name="state"
+            autoComplete="address-level1"
           />
           <TextField
             value={values.postCode}
@@ -173,6 +180,7 @@ const PersonalDetailsForm: React.FC<Props> = ({
             helperText={errors.postCode}
             required={fields.address.required}
             name="postCode"
+            autoComplete="postal-code"
           />
         </React.Fragment>
       ) : null}
diff --git a/packages/ui-react/src/components/PersonalDetailsForm/__snapshots__/PersonalDetailsForm.test.tsx.snap b/packages/ui-react/src/components/PersonalDetailsForm/__snapshots__/PersonalDetailsForm.test.tsx.snap
index 7d704f8c6..49867158f 100644
--- a/packages/ui-react/src/components/PersonalDetailsForm/__snapshots__/PersonalDetailsForm.test.tsx.snap
+++ b/packages/ui-react/src/components/PersonalDetailsForm/__snapshots__/PersonalDetailsForm.test.tsx.snap
@@ -33,6 +33,7 @@ exports[`<PersonalDetailsForm> > Renders with errors 1`] = `
           aria-describedby="helper_text_1235_firstname"
           aria-invalid="true"
           aria-required="true"
+          autocomplete="given-name"
           class="_input_e16c1b"
           id="text-field_1235_firstname"
           name="firstName"
@@ -66,6 +67,7 @@ exports[`<PersonalDetailsForm> > Renders with errors 1`] = `
           aria-describedby="helper_text_1235_lastname"
           aria-invalid="true"
           aria-required="true"
+          autocomplete="family-name"
           class="_input_e16c1b"
           id="text-field_1235_lastname"
           name="lastName"
@@ -102,6 +104,7 @@ exports[`<PersonalDetailsForm> > Renders with errors 1`] = `
           aria-describedby="helper_text_1235_companyname"
           aria-invalid="false"
           aria-required="false"
+          autocomplete="organization"
           class="_input_e16c1b"
           id="text-field_1235_companyname"
           name="companyName"
@@ -134,6 +137,7 @@ exports[`<PersonalDetailsForm> > Renders with errors 1`] = `
           aria-describedby="helper_text_1235_address"
           aria-invalid="true"
           aria-required="true"
+          autocomplete="address-line1"
           class="_input_e16c1b"
           id="text-field_1235_address"
           name="address"
@@ -170,6 +174,7 @@ exports[`<PersonalDetailsForm> > Renders with errors 1`] = `
           aria-describedby="helper_text_1235_address2"
           aria-invalid="false"
           aria-required="false"
+          autocomplete="address-line2"
           class="_input_e16c1b"
           id="text-field_1235_address2"
           name="address2"
@@ -202,6 +207,7 @@ exports[`<PersonalDetailsForm> > Renders with errors 1`] = `
           aria-describedby="helper_text_1235_city"
           aria-invalid="true"
           aria-required="true"
+          autocomplete="address-level2"
           class="_input_e16c1b"
           id="text-field_1235_city"
           name="city"
@@ -235,6 +241,7 @@ exports[`<PersonalDetailsForm> > Renders with errors 1`] = `
           aria-describedby="helper_text_1235_state"
           aria-invalid="true"
           aria-required="true"
+          autocomplete="address-level1"
           class="_input_e16c1b"
           id="text-field_1235_state"
           name="state"
@@ -268,6 +275,7 @@ exports[`<PersonalDetailsForm> > Renders with errors 1`] = `
           aria-describedby="helper_text_1235_postcode"
           aria-invalid="true"
           aria-required="true"
+          autocomplete="postal-code"
           class="_input_e16c1b"
           id="text-field_1235_postcode"
           name="postCode"
@@ -339,6 +347,7 @@ exports[`<PersonalDetailsForm> > Renders with errors 1`] = `
           name="birthDate"
         />
         <input
+          autocomplete="bday-day"
           class="_input_eb6974"
           id="text-field_1235_birthdate-date"
           maxlength="2"
@@ -349,6 +358,7 @@ exports[`<PersonalDetailsForm> > Renders with errors 1`] = `
         />
          / 
         <input
+          autocomplete="bday-month"
           class="_input_eb6974"
           id="text-field_1235_birthdate-month"
           maxlength="2"
@@ -359,6 +369,7 @@ exports[`<PersonalDetailsForm> > Renders with errors 1`] = `
         />
          / 
         <input
+          autocomplete="bday-year"
           class="_input_eb6974"
           id="text-field_1235_birthdate-year"
           maxlength="4"
@@ -560,6 +571,7 @@ exports[`<PersonalDetailsForm> > Renders without crashing 1`] = `
           aria-describedby="helper_text_1235_firstname"
           aria-invalid="false"
           aria-required="true"
+          autocomplete="given-name"
           class="_input_e16c1b"
           id="text-field_1235_firstname"
           name="firstName"
@@ -586,6 +598,7 @@ exports[`<PersonalDetailsForm> > Renders without crashing 1`] = `
           aria-describedby="helper_text_1235_lastname"
           aria-invalid="false"
           aria-required="true"
+          autocomplete="family-name"
           class="_input_e16c1b"
           id="text-field_1235_lastname"
           name="lastName"
@@ -615,6 +628,7 @@ exports[`<PersonalDetailsForm> > Renders without crashing 1`] = `
           aria-describedby="helper_text_1235_companyname"
           aria-invalid="false"
           aria-required="false"
+          autocomplete="organization"
           class="_input_e16c1b"
           id="text-field_1235_companyname"
           name="companyName"
@@ -640,6 +654,7 @@ exports[`<PersonalDetailsForm> > Renders without crashing 1`] = `
           aria-describedby="helper_text_1235_address"
           aria-invalid="false"
           aria-required="true"
+          autocomplete="address-line1"
           class="_input_e16c1b"
           id="text-field_1235_address"
           name="address"
@@ -669,6 +684,7 @@ exports[`<PersonalDetailsForm> > Renders without crashing 1`] = `
           aria-describedby="helper_text_1235_address2"
           aria-invalid="false"
           aria-required="false"
+          autocomplete="address-line2"
           class="_input_e16c1b"
           id="text-field_1235_address2"
           name="address2"
@@ -694,6 +710,7 @@ exports[`<PersonalDetailsForm> > Renders without crashing 1`] = `
           aria-describedby="helper_text_1235_city"
           aria-invalid="false"
           aria-required="true"
+          autocomplete="address-level2"
           class="_input_e16c1b"
           id="text-field_1235_city"
           name="city"
@@ -720,6 +737,7 @@ exports[`<PersonalDetailsForm> > Renders without crashing 1`] = `
           aria-describedby="helper_text_1235_state"
           aria-invalid="false"
           aria-required="true"
+          autocomplete="address-level1"
           class="_input_e16c1b"
           id="text-field_1235_state"
           name="state"
@@ -746,6 +764,7 @@ exports[`<PersonalDetailsForm> > Renders without crashing 1`] = `
           aria-describedby="helper_text_1235_postcode"
           aria-invalid="false"
           aria-required="true"
+          autocomplete="postal-code"
           class="_input_e16c1b"
           id="text-field_1235_postcode"
           name="postCode"
@@ -803,6 +822,7 @@ exports[`<PersonalDetailsForm> > Renders without crashing 1`] = `
           name="birthDate"
         />
         <input
+          autocomplete="bday-day"
           class="_input_eb6974"
           id="text-field_1235_birthdate-date"
           maxlength="2"
@@ -813,6 +833,7 @@ exports[`<PersonalDetailsForm> > Renders without crashing 1`] = `
         />
          / 
         <input
+          autocomplete="bday-month"
           class="_input_eb6974"
           id="text-field_1235_birthdate-month"
           maxlength="2"
@@ -823,6 +844,7 @@ exports[`<PersonalDetailsForm> > Renders without crashing 1`] = `
         />
          / 
         <input
+          autocomplete="bday-year"
           class="_input_eb6974"
           id="text-field_1235_birthdate-year"
           maxlength="4"
diff --git a/packages/ui-react/src/components/RegistrationForm/RegistrationForm.tsx b/packages/ui-react/src/components/RegistrationForm/RegistrationForm.tsx
index 47e366089..eca558ede 100644
--- a/packages/ui-react/src/components/RegistrationForm/RegistrationForm.tsx
+++ b/packages/ui-react/src/components/RegistrationForm/RegistrationForm.tsx
@@ -92,6 +92,7 @@ const RegistrationForm: React.FC<Props> = ({
         helperText={errors.email}
         name="email"
         type="email"
+        autoComplete="email"
         required
       />
       <TextField
@@ -114,6 +115,7 @@ const RegistrationForm: React.FC<Props> = ({
             <Icon icon={viewPassword ? Visibility : VisibilityOff} />
           </IconButton>
         }
+        autoComplete="new-password"
         required
       />
       {publisherConsents && (
diff --git a/packages/ui-react/src/components/RegistrationForm/__snapshots__/RegistrationForm.test.tsx.snap b/packages/ui-react/src/components/RegistrationForm/__snapshots__/RegistrationForm.test.tsx.snap
index 42720916a..ad6959b02 100644
--- a/packages/ui-react/src/components/RegistrationForm/__snapshots__/RegistrationForm.test.tsx.snap
+++ b/packages/ui-react/src/components/RegistrationForm/__snapshots__/RegistrationForm.test.tsx.snap
@@ -28,6 +28,7 @@ exports[`<RegistrationForm> > renders and matches snapshot 1`] = `
           aria-describedby="helper_text_1235_email"
           aria-invalid="false"
           aria-required="true"
+          autocomplete="email"
           class="_input_e16c1b"
           id="text-field_1235_email"
           name="email"
@@ -54,6 +55,7 @@ exports[`<RegistrationForm> > renders and matches snapshot 1`] = `
           aria-describedby="helper_text_1235_password"
           aria-invalid="false"
           aria-required="true"
+          autocomplete="new-password"
           class="_input_e16c1b"
           id="text-field_1235_password"
           name="password"
diff --git a/packages/ui-react/src/pages/User/__snapshots__/User.test.tsx.snap b/packages/ui-react/src/pages/User/__snapshots__/User.test.tsx.snap
index 5a601f0a0..12ced9b9d 100644
--- a/packages/ui-react/src/pages/User/__snapshots__/User.test.tsx.snap
+++ b/packages/ui-react/src/pages/User/__snapshots__/User.test.tsx.snap
@@ -128,6 +128,7 @@ exports[`User Component tests > Account Page 1`] = `
               aria-describedby="helper_text_1235_firstname"
               aria-invalid="false"
               aria-required="false"
+              autocomplete="given-name"
               class="_input_e16c1b"
               id="text-field_1235_firstname"
               lang="en"
@@ -150,6 +151,7 @@ exports[`User Component tests > Account Page 1`] = `
               aria-describedby="helper_text_1235_lastname"
               aria-invalid="false"
               aria-required="false"
+              autocomplete="family-name"
               class="_input_e16c1b"
               id="text-field_1235_lastname"
               lang="en"
@@ -203,6 +205,7 @@ exports[`User Component tests > Account Page 1`] = `
               aria-describedby="helper_text_1235_email"
               aria-invalid="false"
               aria-required="true"
+              autocomplete="email"
               class="_input_e16c1b"
               id="text-field_1235_email"
               name="email"
@@ -725,6 +728,7 @@ exports[`User Component tests > Payments Page 1`] = `
               aria-invalid="false"
               aria-label="user:payment.card_number_hidden"
               aria-required="false"
+              autocomplete="cc-number"
               class="_input_e16c1b"
               id="text-field_1235_cardnumber"
               name="cardNumber"
@@ -749,6 +753,7 @@ exports[`User Component tests > Payments Page 1`] = `
                 aria-describedby="helper_text_1235_cardexpiry"
                 aria-invalid="false"
                 aria-required="false"
+                autocomplete="cc-exp"
                 class="_input_e16c1b"
                 id="text-field_1235_cardexpiry"
                 name="cardExpiry"
@@ -771,6 +776,7 @@ exports[`User Component tests > Payments Page 1`] = `
                 aria-invalid="false"
                 aria-label="user:payment.security_code_hidden"
                 aria-required="false"
+                autocomplete="cc-csc"
                 class="_input_e16c1b"
                 id="text-field_1235_cardsecuritycode"
                 name="cardSecurityCode"