Adding phone and date of birth

Matches the primary applicant's screen exactly — same two fields, same icons. Needed because DOB drives the co-borrower's own soft credit pull.

Net change: two new inputs — Phone and Date of Birth — inserted after Suffix and before the consent checkbox, in that order, matching where they sit on the primary's screen. Everything else on this screen is unchanged: heading, the spouse question and its Yes/No, name fields, consent text, Back/Next. Email is intentionally not added — only phone and DOB were requested.

Before / after

Current

Get Pre-Qualified×

Tell us about the person applying with you

Is this person your legal spouse?

Legal First Name *

Middle Name (optional)

Legal Last Name *

Suffix — Jr., Sr., III (optional)

I authorize Padzilly, a division of Approval IQ, Inc., to obtain my credit information through a soft credit inquiry…

No way to collect the co-borrower's own credit-pull data (DOB), or reach them directly (phone).

New

Phone and DOB added, styled to match the primary's screen exactly.

Markup

HTML — the two new fields

<!-- insert after Suffix, before the consent block -->

<div class="pz-field">
  <label class="pz-sr" for="pz-cb-phone">Phone (required)</label>
  <input id="pz-cb-phone" type="tel" placeholder="Phone *" required>
  <svg class="pz-icon" viewBox="0 0 20 20" fill="none" aria-hidden="true">
    <path d="M4 3.5c0-.6.5-1 1-1h2l1.5 3.5-1.5 1.5c.7 1.8 2.2 3.3 4 4l1.5-1.5L16 11.5v2c0 .6-.4 1-1 1-6 0-11-5-11-11z"
      stroke="currentColor" stroke-width="1.3" stroke-linejoin="round"/>
  </svg>
</div>

<div class="pz-field">
  <label class="pz-sr" for="pz-cb-dob">Date of birth (required)</label>
  <input id="pz-cb-dob" type="text" placeholder="MM/DD/YYYY *" required>
  <svg class="pz-icon" viewBox="0 0 20 20" fill="none" aria-hidden="true">
    <rect x="3" y="4.5" width="14" height="12" rx="1.5" stroke="currentColor" stroke-width="1.3"/>
    <path d="M3 8h14M6.5 3v3M13.5 3v3" stroke="currentColor" stroke-width="1.3" stroke-linecap="round"/>
  </svg>
</div>

<!-- swap in whatever real date-picker / phone-mask component the
     primary's screen already uses — this markup mirrors its structure,
     not necessarily its exact widget implementation -->

CSS — new pieces

/* icon-padded fields (phone, DOB) vs. plain fields (name, suffix) */
.pz-field { margin-bottom: 8px; position: relative; }

.pz-field input {
  width: 100%;
  border: 1px solid #C9CFE0;
  border-radius: 3px;
  padding: 7px 34px 7px 10px;   /* right padding clears the icon */
  font-family: inherit;
  font-size: 12.5px;
  color: #1F2430;
}

.pz-field .pz-icon {
  position: absolute;
  right: 9px;
  top: 50%;
  transform: translateY(-50%);
  width: 15px; height: 15px;
  color: #8A90A0;
  pointer-events: none;
}

/* name/suffix fields have no icon, so they get normal padding back */
.pz-field--plain input { padding-right: 10px; }

Field order on this screen

#	Field	Status
1	Is this person your legal spouse? (Yes/No)	Unchanged
2	Legal First Name *	Unchanged
3	Middle Name (optional)	Unchanged
4	Legal Last Name *	Unchanged
5	Suffix (optional)	Unchanged
6	Phone *	New — matches primary's field exactly
7	Date of Birth *	New — matches primary's field exactly
8	Credit-pull consent checkbox	Unchanged
9	Back / Next	Unchanged

Notes for the developer

Implementation

Phone and DOB use the same field pattern already built for the primary's screen — same icons, same right-padding-for-icon approach. If the primary's screen uses a real phone-mask input or date-picker component rather than plain text, use that same component here rather than the bare inputs shown — this markup mirrors structure and position, not necessarily the exact widget.
Both marked required, matching the primary's fields. DOB is required because it feeds this person's own soft credit pull, same as it does for the primary.
Email was deliberately left off. Only phone and DOB were requested for this screen — if email turns out to be needed too, that's a separate decision.

Downstream effect — worth doing next

Once this ships, the co-applicant's Contact section in the "Your Pre-Qualification" submitted-details modal (padzilly_lender_card_pending_v5.html) can be completed to match the primary's — DOB and phone rows, same layout, just no longer flagged as missing.