PPR - Vue3 Upgrade UXA Issues

[mstanton1]

List UXA issues identified during Vue3 PPR Testing: https://docs.google.com/spreadsheets/d/1RkNBbDKOnflsH2EdPcCWkgjhwHPKnmNy3-FccCZE6-0/edit#gid=0

---

• PPR Registering Party Code Lookup list spacing and sizing requires update

Current

Expected

---

• PPR Secured Party list should use green (#2E7D32) for already added secured parties, and blue (#1669BB) for + Add

Current

Expected

---

• Error validation does not change color of text in confirm authorization

Current

Expected

---

• Access View: PPR Only
• PPR 'Start a New Personal Property Registration', 'Personal Property Registration Number', and 'Columns to Show' fields should be white

Current

Expected

[LizGovier]

GENERAL USER - DEV Environment

PPR/MHR Search

Verify Menu Option formatting

• Full list for each category should be visible without scrollbar
• Missing breakline between PPR and MHR

---

Search Button (Magnifying Glass Icon)

• Modal : check box and 'X' are misaligned

---

Misc UI

Hint Text (For all categories)

• Remove letter spacing from hint text. This is happening for all categories with hint text or an error message
  Example:

**Expected result**

---

Search Results

• Remove extra padding at the bottom

[LizGovier]

Standard Registrations

Security Agreement (SA)

• Review and confirm: Section header doesn't match height of other headers

Repairers Lien (RL)

• Date Picker - wrong fonts

• Hint Text: Remove letter spacing