diff --git a/ppr-ui/package-lock.json b/ppr-ui/package-lock.json
index 0c5577df3..faef6768b 100644
--- a/ppr-ui/package-lock.json
+++ b/ppr-ui/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "ppr-ui",
-  "version": "3.0.8",
+  "version": "3.0.9",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "ppr-ui",
-      "version": "3.0.8",
+      "version": "3.0.9",
       "dependencies": {
         "@bcrs-shared-components/input-field-date-picker": "^1.0.0",
         "@lemoncode/fonk": "^1.5.1",
diff --git a/ppr-ui/package.json b/ppr-ui/package.json
index 9c1bda4df..8ff99e44b 100644
--- a/ppr-ui/package.json
+++ b/ppr-ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ppr-ui",
-  "version": "3.0.8",
+  "version": "3.0.9",
   "private": true,
   "appName": "Assets UI",
   "sbcName": "SBC Common Components",
diff --git a/ppr-ui/src/App.vue b/ppr-ui/src/App.vue
index 366c76115..316c30647 100644
--- a/ppr-ui/src/App.vue
+++ b/ppr-ui/src/App.vue
@@ -34,7 +34,7 @@
         />
         <Breadcrumb v-if="haveData" />
         <Tombstone v-if="haveData" />
-        <v-container>
+        <v-container class="py-0">
           <v-row noGutters>
             <v-col cols="12">
               <router-view
diff --git a/ppr-ui/src/assets/styles/base.scss b/ppr-ui/src/assets/styles/base.scss
index 6adcaf687..ef4b14887 100644
--- a/ppr-ui/src/assets/styles/base.scss
+++ b/ppr-ui/src/assets/styles/base.scss
@@ -61,6 +61,10 @@ body {
 // Containers
 .v-application {
   background-color: $gray1 !important;
+
+  p {
+    margin-bottom: 16px;
+  }
 }
 
 .view-container {
@@ -206,6 +210,12 @@ a {
   background-color: $app-lt-blue;
   padding: 1rem 1.5rem;
   color: $gray9;
+
+  .review-header-icon {
+    vertical-align: middle;
+    width: 25px;
+    height: 21px;
+  }
 }
 
 // Tables
diff --git a/ppr-ui/src/assets/styles/overrides.scss b/ppr-ui/src/assets/styles/overrides.scss
index db892879c..dd02e091d 100644
--- a/ppr-ui/src/assets/styles/overrides.scss
+++ b/ppr-ui/src/assets/styles/overrides.scss
@@ -96,6 +96,15 @@
   min-height: 44px;
 }
 
+.v-input__details {
+  letter-spacing: 0;
+
+  .v-messages {
+    color: #495057;
+    opacity: 1;
+  }
+}
+
 // Button Overrides
 .v-btn {
   box-shadow: none;
diff --git a/ppr-ui/src/components/collateral/vehicleCollateral/EditCollateral.vue b/ppr-ui/src/components/collateral/vehicleCollateral/EditCollateral.vue
index 0ded0a9f9..11fc37cb4 100644
--- a/ppr-ui/src/components/collateral/vehicleCollateral/EditCollateral.vue
+++ b/ppr-ui/src/components/collateral/vehicleCollateral/EditCollateral.vue
@@ -44,6 +44,7 @@
                 <v-text-field
                   id="txt-type"
                   variant="filled"
+                  color="primary"
                   label="Vehicle Type"
                   modelValue="Manufactured Home (MH)"
                   readonly
@@ -58,6 +59,7 @@
                   :items="vehicleTypesNoMH"
                   itemTitle="text"
                   variant="filled"
+                  color="primary"
                   label="Vehicle Type"
                   :errorMessages="
                     errors.type.message ? errors.type.message : ''
@@ -73,6 +75,7 @@
                   :items="vehicleTypes"
                   itemTitle="text"
                   variant="filled"
+                  color="primary"
                   label="Vehicle Type"
                   :errorMessages="
                     errors.type.message ? errors.type.message : ''
@@ -91,6 +94,7 @@
                   v-model="currentVehicle.manufacturedHomeRegistrationNumber"
                   class="mh-num-input"
                   variant="filled"
+                  color="primary"
                   label="Manufactured Home Registration Number"
                   :errorMessages="
                     errors.manufacturedHomeRegistrationNumber.message
@@ -109,6 +113,7 @@
                   v-model="currentVehicle.serialNumber"
                   class="serial-number"
                   variant="filled"
+                  color="primary"
                   :label="getSerialLabel"
                   :disabled="getSerialDisabled"
                   :errorMessages="
@@ -127,6 +132,7 @@
                   id="txt-years"
                   v-model="currentVehicle.year"
                   variant="filled"
+                  color="primary"
                   label="Year (Optional)"
                   hint="YYYY"
                   persistentHint
@@ -143,6 +149,7 @@
                   id="txt-make"
                   v-model="currentVehicle.make"
                   variant="filled"
+                  color="primary"
                   label="Make"
                   persistentHint
                   :errorMessages="
@@ -158,6 +165,7 @@
                   id="txt-model"
                   v-model="currentVehicle.model"
                   variant="filled"
+                  color="primary"
                   label="Model"
                   persistentHint
                   :errorMessages="
diff --git a/ppr-ui/src/components/common/CautionBox.vue b/ppr-ui/src/components/common/CautionBox.vue
index d51f6fb1b..cc65ec93d 100644
--- a/ppr-ui/src/components/common/CautionBox.vue
+++ b/ppr-ui/src/components/common/CautionBox.vue
@@ -1,10 +1,12 @@
 <template>
   <div
-    class="caution-box px-4 py-4 fs-14"
+    class="caution-box px-5 py-5 fs-14"
     :class="{ 'alert-box': setAlert }"
   >
     <slot name="prependSLot" />
-    <p><b>{{ setImportantWord }}:</b> <span v-html="setMsg" /></p>
+    <p class="mb-0">
+      <b>{{ setImportantWord }}:</b> <span v-html="setMsg" />
+    </p>
     <slot name="appendSLot" />
   </div>
 </template>
diff --git a/ppr-ui/src/components/common/ContactInformation.vue b/ppr-ui/src/components/common/ContactInformation.vue
index 14ddae641..97fd25930 100644
--- a/ppr-ui/src/components/common/ContactInformation.vue
+++ b/ppr-ui/src/components/common/ContactInformation.vue
@@ -92,6 +92,7 @@
                         id="first-name"
                         v-model="contactInfoModel.personName.first"
                         variant="filled"
+                        color="primary"
                         class="pt-4 pr-2"
                         :class="{ 'long-error-message': enableCombinedNameValidation }"
                         label="First Name"
@@ -105,6 +106,7 @@
                         id="middle-name"
                         v-model="contactInfoModel.personName.middle"
                         variant="filled"
+                        color="primary"
                         class="pt-4 px-2"
                         label="Middle Name (Optional)"
                         :error="hasLongCombinedName"
@@ -117,6 +119,7 @@
                         id="last-name"
                         v-model="contactInfoModel.personName.last"
                         variant="filled"
+                        color="primary"
                         class="pt-4 px-2"
                         label="Last Name"
                         :error="hasLongCombinedName"
@@ -139,6 +142,7 @@
                         id="business-name"
                         v-model="contactInfoModel.businessName"
                         variant="filled"
+                        color="primary"
                         class="pt-4 pr-2"
                         label="Business Name"
                         :rules="isBusinessOption ? businessNameRules : []"
@@ -156,6 +160,7 @@
                   id="contact-info-email"
                   v-model="contactInfoModel.emailAddress"
                   variant="filled"
+                  color="primary"
                   class="pt-4 pr-2"
                   label="Email Address (Optional)"
                   :rules="emailRules"
@@ -174,6 +179,7 @@
                       v-model="contactInfoModel.phoneNumber"
                       v-maska:[phoneMask]
                       variant="filled"
+                      color="primary"
                       class="pt-4 pr-3"
                       label="Phone Number (Optional)"
                       :rules="phoneRules"
@@ -184,6 +190,7 @@
                       id="contact-info-phone-ext"
                       v-model="contactInfoModel.phoneExtension"
                       variant="filled"
+                      color="primary"
                       class="pt-4 px-2"
                       label="Extension (Optional)"
                       :rules="phoneExtensionRules"
diff --git a/ppr-ui/src/components/common/CourtOrder.vue b/ppr-ui/src/components/common/CourtOrder.vue
index 6f5891842..38d88850c 100644
--- a/ppr-ui/src/components/common/CourtOrder.vue
+++ b/ppr-ui/src/components/common/CourtOrder.vue
@@ -243,6 +243,7 @@
               id="txt-court-name"
               v-model.trim="courtName"
               variant="filled"
+              color="primary"
               label="Court Name"
               hint="For example: Supreme Court of British Columbia"
               persistentHint
@@ -269,6 +270,7 @@
               id="txt-court-registry"
               v-model.trim="courtRegistry"
               variant="filled"
+              color="primary"
               label="Court Registry"
               hint="The location (city) of the court. For example: Richmond"
               persistentHint
@@ -295,6 +297,7 @@
               id="txt-court-file-number"
               v-model.trim="fileNumber"
               variant="filled"
+              color="primary"
               label="Court File Number"
               persistentHint
               :errorMessages="
@@ -353,6 +356,7 @@
               autoGrow
               counter="512"
               variant="filled"
+              color="primary"
               label="Effect of Order"
               class="bg-white pt-2 text-input-field"
               :errorMessages="
diff --git a/ppr-ui/src/components/common/DocumentId.vue b/ppr-ui/src/components/common/DocumentId.vue
index 796e1ea02..c0d6dae0d 100644
--- a/ppr-ui/src/components/common/DocumentId.vue
+++ b/ppr-ui/src/components/common/DocumentId.vue
@@ -37,6 +37,7 @@
               id="doc-id-field"
               v-model="documentIdModel"
               variant="filled"
+              color="primary"
               maxlength="8"
               label="Document ID Number"
               :rules="documentIdRules"
diff --git a/ppr-ui/src/components/common/FolioNumber.vue b/ppr-ui/src/components/common/FolioNumber.vue
index 209422ef5..0adccfd20 100644
--- a/ppr-ui/src/components/common/FolioNumber.vue
+++ b/ppr-ui/src/components/common/FolioNumber.vue
@@ -7,6 +7,7 @@
       label="Folio or Reference Number"
       persistentHint
       variant="filled"
+      color="primary"
       @keypress.enter="shiftFocus()"
     />
   </div>
diff --git a/ppr-ui/src/components/common/FolioNumberSummary.vue b/ppr-ui/src/components/common/FolioNumberSummary.vue
index 716dae149..3c9a9bd22 100644
--- a/ppr-ui/src/components/common/FolioNumberSummary.vue
+++ b/ppr-ui/src/components/common/FolioNumberSummary.vue
@@ -47,6 +47,7 @@
               v-model="folioNumber"
               class="text-folio"
               variant="filled"
+              color="primary"
               label="Folio or Reference Number (Optional)"
               persistentHint
               :rules="rules"
diff --git a/ppr-ui/src/components/common/FormField.vue b/ppr-ui/src/components/common/FormField.vue
index 348375089..0e33097c4 100644
--- a/ppr-ui/src/components/common/FormField.vue
+++ b/ppr-ui/src/components/common/FormField.vue
@@ -15,6 +15,7 @@
         v-model="inputModel"
         class="px-1"
         variant="filled"
+        color="primary"
         :label="inputLabel"
         :rules="rules"
         :data-test-id="`${sectionId}-text-field`"
diff --git a/ppr-ui/src/components/common/HomeLocationInfo.vue b/ppr-ui/src/components/common/HomeLocationInfo.vue
index 2c4b99c50..e44a3308c 100644
--- a/ppr-ui/src/components/common/HomeLocationInfo.vue
+++ b/ppr-ui/src/components/common/HomeLocationInfo.vue
@@ -21,6 +21,7 @@
               id="band-name"
               v-model="locationInfo.bandName"
               variant="filled"
+              color="primary"
               label="Band Name"
               :rules="locationInputRules(null, 'Enter a band name', 'band-name')"
             />
@@ -33,6 +34,7 @@
               id="reserve-number"
               v-model="locationInfo.reserveNumber"
               variant="filled"
+              color="primary"
               label="Reserve Number"
               :rules="locationInputRules(null, 'Enter a reserve number', 'reserve-number')"
             />
@@ -42,6 +44,7 @@
               id="reserve-additional-description"
               v-model="additionalDescription"
               variant="filled"
+              color="primary"
               label="Additional Description"
               hint="Example: PIN number"
               :error="isReserveLengthErr"
@@ -62,6 +65,7 @@
             id="lot"
             v-model="locationInfo.lot"
             variant="filled"
+            color="primary"
             :label="isStrata ? 'Strata Lot' : 'Lot'"
             :rules="locationInputRules(10, 'Enter a lot number', 'lot')"
             persistentHint
@@ -75,6 +79,7 @@
             id="land-district"
             v-model="locationInfo.landDistrict"
             variant="filled"
+            color="primary"
             label="Land District"
             :rules="locationInputRules(20, 'Enter a land district', 'land-district')"
             persistentHint
@@ -88,6 +93,7 @@
             id="plan"
             v-model="locationInfo.plan"
             variant="filled"
+            color="primary"
             :label="isStrata ? 'Strata Plan' : 'Plan'"
             :rules="locationInputRules(12, 'Enter a plan number', 'plan')"
             persistentHint
@@ -104,6 +110,7 @@
             id="district-lot"
             v-model="locationInfo.districtLot"
             variant="filled"
+            color="primary"
             label="District Lot"
             :rules="locationInputRules(17, 'Enter a district lot', 'district-lot')"
             persistentHint
@@ -118,6 +125,7 @@
             id="part-of"
             v-model="locationInfo.partOf"
             variant="filled"
+            color="primary"
             label="Part Of"
             :rules="maxLength(10)"
             persistentHint
@@ -132,6 +140,7 @@
             id="section"
             v-model="locationInfo.section"
             variant="filled"
+            color="primary"
             label="Section"
             :rules="maxLength(10)"
             persistentHint
@@ -148,6 +157,7 @@
             id="township"
             v-model="locationInfo.township"
             variant="filled"
+            color="primary"
             label="Township"
             :rules="maxLength(2)"
             persistentHint
@@ -162,6 +172,7 @@
             id="Range"
             v-model="locationInfo.range"
             variant="filled"
+            color="primary"
             label="Range"
             :rules="maxLength(2)"
             persistentHint
@@ -176,6 +187,7 @@
             id="meridian"
             v-model="locationInfo.meridian"
             variant="filled"
+            color="primary"
             label="Meridian"
             :rules="maxLength(3)"
             persistentHint
@@ -192,6 +204,7 @@
             id="parcel"
             v-model="locationInfo.parcel"
             variant="filled"
+            color="primary"
             label="Parcel"
             :rules="locationInputRules(10, 'Enter a parcel block')"
             persistentHint
@@ -206,6 +219,7 @@
             id="block"
             v-model="locationInfo.block"
             variant="filled"
+            color="primary"
             label="Block"
             :rules="locationInputRules(10, 'Enter a block')"
             persistentHint
@@ -219,6 +233,7 @@
             id="exceptionPlan"
             v-model="locationInfo.exceptionPlan"
             variant="filled"
+            color="primary"
             label="Except Plan"
             :rules="maxLength(80)"
             persistentHint
diff --git a/ppr-ui/src/components/common/InfoChip.vue b/ppr-ui/src/components/common/InfoChip.vue
index cbcf806eb..09088db61 100644
--- a/ppr-ui/src/components/common/InfoChip.vue
+++ b/ppr-ui/src/components/common/InfoChip.vue
@@ -2,7 +2,7 @@
   <v-chip
     v-if="action"
     class="info-chip-badge mr-4"
-    variant="elevated"
+    variant="flat"
     xSmall
     :color="chipColors.bgColor"
     :data-test-id="`${action}-badge`"
diff --git a/ppr-ui/src/components/common/InputFieldDatePicker.vue b/ppr-ui/src/components/common/InputFieldDatePicker.vue
index bcffed9a2..7ecc9cb47 100644
--- a/ppr-ui/src/components/common/InputFieldDatePicker.vue
+++ b/ppr-ui/src/components/common/InputFieldDatePicker.vue
@@ -29,6 +29,7 @@
           :persistentHint="persistentHint"
           readonly
           variant="filled"
+          color="primary"
         />
       </template>
       <v-card
diff --git a/ppr-ui/src/components/common/OrgNameLookup.vue b/ppr-ui/src/components/common/OrgNameLookup.vue
index 955328710..e3cf8bdf2 100644
--- a/ppr-ui/src/components/common/OrgNameLookup.vue
+++ b/ppr-ui/src/components/common/OrgNameLookup.vue
@@ -5,6 +5,7 @@
       ref="orgNameSearchField"
       v-model="searchValue"
       variant="filled"
+      color="primary"
       persistentHint
       :hint="fieldHint"
       :label="fieldLabel"
diff --git a/ppr-ui/src/components/common/PartyForm.vue b/ppr-ui/src/components/common/PartyForm.vue
index be6b6d8fe..3cbfa7ed8 100644
--- a/ppr-ui/src/components/common/PartyForm.vue
+++ b/ppr-ui/src/components/common/PartyForm.vue
@@ -52,6 +52,7 @@
             id="first-name"
             v-model="partyModel.personName.first"
             variant="filled"
+            color="primary"
             class="pt-4 pr-2"
             :label="`First Name ${schema.firstName.optional ? '(Optional)' : ''}`"
             :rules="schema.firstName.rules"
@@ -62,6 +63,7 @@
             id="middle-name"
             v-model="partyModel.personName.middle"
             variant="filled"
+            color="primary"
             class="pt-4 pr-2"
             :label="`Middle Name ${schema.middleName.optional ? '(Optional)' : ''}`"
             :rules="schema.middleName.rules"
@@ -72,6 +74,7 @@
             id="last-name"
             v-model="partyModel.personName.last"
             variant="filled"
+            color="primary"
             class="pt-4 pr-2"
             :label="`Last Name ${schema.lastName.optional ? '(Optional)' : ''}`"
             :rules="schema.lastName.rules"
@@ -93,6 +96,7 @@
             id="business-name"
             v-model="partyModel.businessName"
             variant="filled"
+            color="primary"
             class="pt-4 pr-2"
             :label="`Business Name ${schema.businessName.optional ? '(Optional)' : ''}`"
             :rules="schema.businessName.rules"
@@ -135,6 +139,7 @@
         id="contact-info-email"
         v-model="partyModel.emailAddress"
         variant="filled"
+        color="primary"
         class="pt-4 pr-2"
         :label="`Email Address ${schema.email.optional ? '(Optional)' : ''}`"
         :rules="schema.email.rules"
@@ -162,6 +167,7 @@
             v-model="partyModel.phoneNumber"
             v-maska:[phoneMask]
             variant="filled"
+            color="primary"
             class="pr-3"
             :label="`Phone Number ${schema.phone.optional ? '(Optional)' : ''}`"
             :rules="schema.phone.rules"
@@ -172,6 +178,7 @@
             id="party-form-phone-ext"
             v-model="partyModel.phoneExtension"
             variant="filled"
+            color="primary"
             class="px-2"
             :label="`Extension ${schema.phoneExt.optional ? '(Optional)' : ''}`"
             :rules="schema.phoneExt.rules"
diff --git a/ppr-ui/src/components/common/PidNumber.vue b/ppr-ui/src/components/common/PidNumber.vue
index 772e95796..04d0b79d1 100644
--- a/ppr-ui/src/components/common/PidNumber.vue
+++ b/ppr-ui/src/components/common/PidNumber.vue
@@ -25,6 +25,7 @@
         v-model="pidOne"
         maxlength="3"
         variant="filled"
+        color="primary"
         persistentHint
         autofocus
         hint="Parcel identifier must contain 9 digits"
@@ -46,6 +47,7 @@
         ref="pidTwoRef"
         v-model="pidTwo"
         variant="filled"
+        color="primary"
         maxlength="3"
         :readonly="enablePidLoader"
         :disabled="disable"
@@ -64,6 +66,7 @@
         ref="pidThreeRef"
         v-model="pidThree"
         variant="filled"
+        color="primary"
         maxlength="3"
         :readonly="enablePidLoader"
         :disabled="disable"
diff --git a/ppr-ui/src/components/common/RegistrationsWrapper.vue b/ppr-ui/src/components/common/RegistrationsWrapper.vue
index 32e3e5f3e..45f4c513d 100644
--- a/ppr-ui/src/components/common/RegistrationsWrapper.vue
+++ b/ppr-ui/src/components/common/RegistrationsWrapper.vue
@@ -50,7 +50,7 @@
         />
       </v-col>
       <v-col cols="5">
-        <p class="fs-14 float-right pr-4">
+        <p class="fs-14 float-right pr-4 mb-0">
           <v-tooltip
             class="pa-2"
             contentClass="top-tooltip"
@@ -84,6 +84,7 @@
           :class="{'column-selection': !isTabView}"
           appendInnerIcon="mdi-magnify"
           variant="filled"
+          color="primary"
           :errorMessages="myRegAddInvalid ? 'error' : ''"
           hideDetails
           singleLine
@@ -127,7 +128,7 @@
               noGutters
             >
               <v-col
-                class="pl-4 py-1"
+                class="py-1"
                 cols="3"
               >
                 <v-select
@@ -142,22 +143,23 @@
                   placeholder="Columns to Show"
                 >
                   <template #selection="{ index }">
-                    <p
+                    <span
                       v-if="index === 0"
                       class="fs-14"
                     >
                       Columns to Show
-                    </p>
+                    </span>
                   </template>
                   <template #item="{ props, item }">
                     <v-list-item
                       v-bind="props"
-                      class="py-0 my-0 fs-12 column-selection-item"
+                      class="py-0 my-0 column-selection-item"
                     >
                       <template #prepend>
                         <v-checkbox
                           class="py-0 mr-n1"
                           hideDetails
+                          density="compact"
                           :model-value="isActiveHeader(item.value)"
                         />
                       </template>
@@ -1173,5 +1175,15 @@ export default defineComponent({
 .column-selection-item {
   height: 15px;
   padding: 0!important;
+
+  :deep(.v-list-item__prepend) {
+    .v-selection-control__input {
+      margin-left: 15px;
+      margin-right: 15px;
+    }
+  }
+  :deep(.v-list-item__content .v-list-item-title) {
+    font-size: .875rem;
+  }
 }
 </style>
diff --git a/ppr-ui/src/components/common/Remarks.vue b/ppr-ui/src/components/common/Remarks.vue
index 9f306b9ca..2a34c5faa 100644
--- a/ppr-ui/src/components/common/Remarks.vue
+++ b/ppr-ui/src/components/common/Remarks.vue
@@ -31,6 +31,7 @@
               id="remarks-textarea"
               v-model.trim="remarks"
               variant="filled"
+              color="primary"
               :rules="remarksRules"
               name="name"
               :counter="remarksMaxLength"
diff --git a/ppr-ui/src/components/common/StaffPayment.vue b/ppr-ui/src/components/common/StaffPayment.vue
index 61283ba34..a0332ed95 100644
--- a/ppr-ui/src/components/common/StaffPayment.vue
+++ b/ppr-ui/src/components/common/StaffPayment.vue
@@ -37,6 +37,7 @@
               id="routing-slip-number-textfield"
               v-model="staffPaymentData.routingSlipNumber"
               variant="filled"
+              color="primary"
               label="Routing Slip Number"
               :rules="routingSlipNumberRules"
               :disabled="staffPaymentData.option === StaffPaymentOptions.BCOL ||
@@ -61,6 +62,7 @@
               id="bcol-account-number-textfield"
               v-model="staffPaymentData.bcolAccountNumber"
               variant="filled"
+              color="primary"
               label="BC Online Account Number"
               :rules="bcolAccountNumberRules"
               :disabled="staffPaymentData.option === StaffPaymentOptions.FAS
@@ -71,6 +73,7 @@
               id="dat-number-textfield"
               v-model="staffPaymentData.datNumber"
               variant="filled"
+              color="primary"
               label="DAT Number"
               :rules="datNumberRules"
               :disabled="staffPaymentData.option === StaffPaymentOptions.FAS
@@ -81,6 +84,7 @@
               id="folio-number-textfield"
               v-model="staffPaymentData.folioNumber"
               variant="filled"
+              color="primary"
               label="Folio Number (Optional)"
               :disabled="staffPaymentData.option === StaffPaymentOptions.FAS
                 || staffPaymentData.option === StaffPaymentOptions.NO_FEE"
diff --git a/ppr-ui/src/components/common/Stepper.vue b/ppr-ui/src/components/common/Stepper.vue
index 1e8c69dbc..40a3d2b31 100644
--- a/ppr-ui/src/components/common/Stepper.vue
+++ b/ppr-ui/src/components/common/Stepper.vue
@@ -21,6 +21,7 @@
           :disabled="step.disabled"
           :ripple="false"
           :icon="step.icon"
+          size="56"
         >
           <v-icon
             class="step-icon"
diff --git a/ppr-ui/src/components/common/WysiwygEditor.vue b/ppr-ui/src/components/common/WysiwygEditor.vue
index 70469f8c5..2e1726365 100644
--- a/ppr-ui/src/components/common/WysiwygEditor.vue
+++ b/ppr-ui/src/components/common/WysiwygEditor.vue
@@ -12,6 +12,7 @@
           id="insert-rows-input"
           v-model.number="insertTableRows"
           variant="filled"
+          color="primary"
           label="Number of Rows"
           :rules="isNumber('Rows', null, 20)"
         />
@@ -20,6 +21,7 @@
           id="insert-columns-input"
           v-model.number="insertTableCols"
           variant="filled"
+          color="primary"
           class="mt-3"
           label="Number of Columns"
           :rules="isNumber('Columns', null,20)"
diff --git a/ppr-ui/src/components/dialogs/RegistrationOtherDialog.vue b/ppr-ui/src/components/dialogs/RegistrationOtherDialog.vue
index e29145255..fa59a1b9e 100644
--- a/ppr-ui/src/components/dialogs/RegistrationOtherDialog.vue
+++ b/ppr-ui/src/components/dialogs/RegistrationOtherDialog.vue
@@ -24,6 +24,7 @@
             class="rounded-top pt-5"
             :errorMessages="validationErrors"
             variant="filled"
+            color="primary"
             :label="options.label"
           />
         </v-col>
diff --git a/ppr-ui/src/components/mhrRegistration/HomeLocation/HomeCivicAddress.vue b/ppr-ui/src/components/mhrRegistration/HomeLocation/HomeCivicAddress.vue
index 62dba3783..beebc2fc4 100644
--- a/ppr-ui/src/components/mhrRegistration/HomeLocation/HomeCivicAddress.vue
+++ b/ppr-ui/src/components/mhrRegistration/HomeLocation/HomeCivicAddress.vue
@@ -58,6 +58,7 @@
               autocomplete="new-password"
               class="street-address"
               variant="filled"
+              color="primary"
               label="Street Address (Number and Name)"
               hint="Required if location has a street address"
               persistentHint
@@ -74,6 +75,7 @@
                   ref="city"
                   v-model="addressLocal.city"
                   variant="filled"
+                  color="primary"
                   class="item address-city"
                   label="City"
                   :rules="[...CivicAddressSchema.city]"
@@ -87,6 +89,7 @@
                   class="item address-region"
                   autocomplete="off"
                   variant="filled"
+                  color="primary"
                   persistentHint
                   :items="provinceOptions"
                   itemTitle="name"
diff --git a/ppr-ui/src/components/mhrRegistration/HomeLocation/HomeLocationDescription.vue b/ppr-ui/src/components/mhrRegistration/HomeLocation/HomeLocationDescription.vue
index aae88e0ce..f722c52d4 100644
--- a/ppr-ui/src/components/mhrRegistration/HomeLocation/HomeLocationDescription.vue
+++ b/ppr-ui/src/components/mhrRegistration/HomeLocation/HomeLocationDescription.vue
@@ -128,6 +128,7 @@
           ref="additionalDescriptionRef"
           v-model.trim="additionalDescription"
           variant="filled"
+          color="primary"
           class="rounded-top"
           label="Park Name / Additional Description"
           :rules="maxLength(80)"
diff --git a/ppr-ui/src/components/mhrRegistration/HomeLocation/HomeLocationType.vue b/ppr-ui/src/components/mhrRegistration/HomeLocation/HomeLocationType.vue
index 643e13960..503a285e5 100644
--- a/ppr-ui/src/components/mhrRegistration/HomeLocation/HomeLocationType.vue
+++ b/ppr-ui/src/components/mhrRegistration/HomeLocation/HomeLocationType.vue
@@ -48,6 +48,7 @@
                   <v-text-field
                     v-model="dealerManufacturerLot"
                     variant="filled"
+                    color="primary"
                     class="ml-8 pt-2"
                     label="Dealer / Manufacturer Name"
                     :rules="dealerManufacturerLotRules"
@@ -75,6 +76,7 @@
                   <v-text-field
                     v-model="homeParkName"
                     variant="filled"
+                    color="primary"
                     class="ml-8 pt-2"
                     label="Park Name"
                     :rules="homeParkNameRules"
@@ -83,6 +85,7 @@
                   <v-text-field
                     v-model="homeParkPad"
                     variant="filled"
+                    color="primary"
                     class="ml-8"
                     label="Pad"
                     :rules="homeParkPadRules"
diff --git a/ppr-ui/src/components/mhrRegistration/HomeOwners/AddEditHomeOwner.vue b/ppr-ui/src/components/mhrRegistration/HomeOwners/AddEditHomeOwner.vue
index 88c2d37a2..fe444380e 100644
--- a/ppr-ui/src/components/mhrRegistration/HomeOwners/AddEditHomeOwner.vue
+++ b/ppr-ui/src/components/mhrRegistration/HomeOwners/AddEditHomeOwner.vue
@@ -53,6 +53,7 @@
                   id="first-name"
                   v-model="owner.individualName.first"
                   variant="filled"
+                  color="primary"
                   label="First Name"
                   data-test-id="first-name"
                   :rules="firsNameRules"
@@ -65,6 +66,7 @@
                   id="middle-name"
                   v-model="owner.individualName.middle"
                   variant="filled"
+                  color="primary"
                   label="Middle Name (Optional)"
                   data-test-id="middle-name"
                   :rules="maxLength(15)"
@@ -77,6 +79,7 @@
                   id="last-name"
                   v-model="owner.individualName.last"
                   variant="filled"
+                  color="primary"
                   label="Last Name"
                   data-test-id="last-name"
                   :rules="lastNameRules"
@@ -216,6 +219,7 @@
                     ? 'Full Legal Name of Business or Organization'
                     : 'Find or enter the Full Legal Name of the Business or Organization'"
                   variant="filled"
+                  color="primary"
                   persistentHint
                   :rules="orgNameRules"
                   :clearable="showClear"
@@ -282,6 +286,7 @@
                     id="suffix"
                     v-model="owner[getSuffixOrDesc(owner)]"
                     variant="filled"
+                    color="primary"
                     :label="nameConfig.label"
                     data-test-id="suffix"
                     :hint="nameConfig.hint"
@@ -308,6 +313,7 @@
                 v-model="displayPhone"
                 v-maska:[phoneMask]
                 variant="filled"
+                color="primary"
                 :rules="phoneNumberRules"
                 label="Phone Number (Optional)"
                 data-test-id="phone-number"
@@ -318,6 +324,7 @@
                 id="phone-ext"
                 v-model="owner.phoneExtension"
                 variant="filled"
+                color="primary"
                 :rules="phoneExtensionRules"
                 label="Extension (Optional)"
                 data-test-id="phone-ext"
diff --git a/ppr-ui/src/components/mhrRegistration/HomeOwners/FractionalOwnership.vue b/ppr-ui/src/components/mhrRegistration/HomeOwners/FractionalOwnership.vue
index c528d3964..535990d63 100644
--- a/ppr-ui/src/components/mhrRegistration/HomeOwners/FractionalOwnership.vue
+++ b/ppr-ui/src/components/mhrRegistration/HomeOwners/FractionalOwnership.vue
@@ -21,6 +21,7 @@
         v-model="interestText"
         label="Interest Type"
         variant="filled"
+        color="primary"
         class="background-white"
         disabled
         readonly
@@ -35,6 +36,7 @@
               v-model.number="fractionalDataState.interestNumerator"
               label="Amount Owned by this Group"
               variant="filled"
+              color="primary"
               class="background-white"
               :rules="fractionalAmountRules"
               :data-test-id="`fraction-amount-field-group-${groupId}`"
@@ -49,6 +51,7 @@
               v-model.number="fractionalDataState.interestDenominator"
               label="Total Available"
               variant="filled"
+              color="primary"
               class="background-white"
               :rules="totalAmountRules"
               :data-test-id="`total-fractions-field-group-${groupId}`"
diff --git a/ppr-ui/src/components/mhrRegistration/HomeOwners/HomeOwnerGroups.vue b/ppr-ui/src/components/mhrRegistration/HomeOwners/HomeOwnerGroups.vue
index 73433c810..c007ec389 100644
--- a/ppr-ui/src/components/mhrRegistration/HomeOwners/HomeOwnerGroups.vue
+++ b/ppr-ui/src/components/mhrRegistration/HomeOwners/HomeOwnerGroups.vue
@@ -21,6 +21,7 @@
       :rules="groupRules"
       class="owner-groups-select mt-8 mb-0"
       variant="filled"
+      color="primary"
       :clearable="groupItems.length === 1"
       data-test-id="owner-group-select"
       @update:model-value="setOwnerGroupId($event)"
diff --git a/ppr-ui/src/components/mhrRegistration/HomeOwners/HomeOwnersTable.vue b/ppr-ui/src/components/mhrRegistration/HomeOwners/HomeOwnersTable.vue
index 66f598309..a5ea6361a 100644
--- a/ppr-ui/src/components/mhrRegistration/HomeOwners/HomeOwnersTable.vue
+++ b/ppr-ui/src/components/mhrRegistration/HomeOwners/HomeOwnersTable.vue
@@ -506,7 +506,7 @@
                   showSupportingDocuments() &&
                   !isReadonlyTable &&
                   isPartyTypeNotEAT(item)"
-                class="d-block"
+                class="pl-15 d-block"
               >
                 <td
                   :colspan="homeOwnersTableHeaders.length"
@@ -1133,6 +1133,7 @@ export default defineComponent({
     .owner-info {
       width: 100%;
       display: block;
+      display: inline-table;
 
       td {
         white-space: normal;
diff --git a/ppr-ui/src/components/mhrRegistration/ReviewConfirm/HomeLocationReview.vue b/ppr-ui/src/components/mhrRegistration/ReviewConfirm/HomeLocationReview.vue
index 8cd51e811..6fbb36356 100644
--- a/ppr-ui/src/components/mhrRegistration/ReviewConfirm/HomeLocationReview.vue
+++ b/ppr-ui/src/components/mhrRegistration/ReviewConfirm/HomeLocationReview.vue
@@ -6,7 +6,7 @@
   >
     <header class="review-header">
       <img
-        class="ml-1 home-location-icon"
+        class="ml-1 review-header-icon"
         alt="home-location-review-icon"
         src="@/assets/svgs/homelocationicon_reviewscreen.svg"
       >
diff --git a/ppr-ui/src/components/mhrRegistration/YourHome/AddEditHomeSections.vue b/ppr-ui/src/components/mhrRegistration/YourHome/AddEditHomeSections.vue
index 9967c4b35..da7d116d5 100644
--- a/ppr-ui/src/components/mhrRegistration/YourHome/AddEditHomeSections.vue
+++ b/ppr-ui/src/components/mhrRegistration/YourHome/AddEditHomeSections.vue
@@ -33,6 +33,7 @@
             id="serial-number"
             v-model="serialNumber"
             variant="filled"
+            color="primary"
             class="pt-4"
             label="Serial Number"
             :rules="serialNumberRules"
@@ -49,6 +50,7 @@
                 id="length-feet"
                 v-model.number="lengthFeet"
                 variant="filled"
+                color="primary"
                 class="numberInput pr-2"
                 label="Feet"
                 :rules="lengthFeetRules"
@@ -61,6 +63,7 @@
                 id="length-inches"
                 v-model.number="lengthInches"
                 variant="filled"
+                color="primary"
                 class="numberInput pl-2"
                 label="Inches (Optional)"
                 :rules="isNumber('Inches', 2, 12)"
@@ -80,6 +83,7 @@
                 id="width-feet"
                 v-model.number="widthFeet"
                 variant="filled"
+                color="primary"
                 class="numberInput pr-2"
                 label="Feet"
                 :rules="widthFeetRules"
@@ -92,6 +96,7 @@
                 id="numberInput width-inches"
                 v-model.number="widthInches"
                 variant="filled"
+                color="primary"
                 class="pl-2"
                 label="Inches (Optional)"
                 :rules="(isNumber('Inches', 2, 12))"
diff --git a/ppr-ui/src/components/mhrRegistration/YourHome/HomeCertification.vue b/ppr-ui/src/components/mhrRegistration/YourHome/HomeCertification.vue
index f4642d0e8..4d897c5c1 100644
--- a/ppr-ui/src/components/mhrRegistration/YourHome/HomeCertification.vue
+++ b/ppr-ui/src/components/mhrRegistration/YourHome/HomeCertification.vue
@@ -68,6 +68,7 @@
                   id="csa-number"
                   v-model="csaNumber"
                   variant="filled"
+                  color="primary"
                   class="pt-4 pr-2"
                   label="CSA Number"
                   :rules="csaNumberRules"
@@ -81,6 +82,7 @@
                   id="csa-standard"
                   v-model="csaStandard"
                   variant="filled"
+                  color="primary"
                   :items="csaStandardOptions"
                   clearable
                   class="pt-4 pr-2"
@@ -111,6 +113,7 @@
                   id="engineer-name"
                   v-model="engineerName"
                   variant="filled"
+                  color="primary"
                   class="pt-4 pr-2"
                   label="Engineer's Name"
                   :rules="nameRules"
diff --git a/ppr-ui/src/components/mhrRegistration/YourHome/ManufacturedYearInput.vue b/ppr-ui/src/components/mhrRegistration/YourHome/ManufacturedYearInput.vue
index 26e6902dc..54373dea6 100644
--- a/ppr-ui/src/components/mhrRegistration/YourHome/ManufacturedYearInput.vue
+++ b/ppr-ui/src/components/mhrRegistration/YourHome/ManufacturedYearInput.vue
@@ -17,6 +17,7 @@
         ref="yearRef"
         v-model="yearOfManufacture"
         variant="filled"
+        color="primary"
         :rules="manufactureYearRules"
         label="Year of Manufacture"
         persistentHint
diff --git a/ppr-ui/src/components/mhrRegistration/YourHome/ManufacturedYearSelect.vue b/ppr-ui/src/components/mhrRegistration/YourHome/ManufacturedYearSelect.vue
index 0d838b866..e708123ef 100644
--- a/ppr-ui/src/components/mhrRegistration/YourHome/ManufacturedYearSelect.vue
+++ b/ppr-ui/src/components/mhrRegistration/YourHome/ManufacturedYearSelect.vue
@@ -15,6 +15,7 @@
         v-model="yearOfManufacture"
         :items="[currentYear + 1, currentYear, currentYear - 1]"
         variant="filled"
+        color="primary"
         :rules="manufactureYearRules"
         label="Year of Manufacture"
         data-test-id="manufacture-year-select"
diff --git a/ppr-ui/src/components/mhrRegistration/YourHome/ManufacturerMakeModel.vue b/ppr-ui/src/components/mhrRegistration/YourHome/ManufacturerMakeModel.vue
index e76727c0c..7ec81c99a 100644
--- a/ppr-ui/src/components/mhrRegistration/YourHome/ManufacturerMakeModel.vue
+++ b/ppr-ui/src/components/mhrRegistration/YourHome/ManufacturerMakeModel.vue
@@ -24,6 +24,7 @@
               ref="nameRef"
               v-model="manufacturerName"
               variant="filled"
+              color="primary"
               :disabled="isMhrManufacturerRegistration"
               :class="{ 'unselectable' : isMhrManufacturerRegistration }"
               :rules="manufacturerNameRules"
@@ -58,6 +59,7 @@
               ref="makeRef"
               v-model="make"
               variant="filled"
+              color="primary"
               :rules="makeRules"
               label="Make"
               data-test-id="manufacturer-make"
@@ -79,6 +81,7 @@
               ref="modelRef"
               v-model="model"
               variant="filled"
+              color="primary"
               :rules="modelRules"
               label="Model"
               data-test-id="manufacturer-model"
diff --git a/ppr-ui/src/components/mhrRegistration/YourHome/OtherInformation.vue b/ppr-ui/src/components/mhrRegistration/YourHome/OtherInformation.vue
index a865f3f49..4ed9c8059 100644
--- a/ppr-ui/src/components/mhrRegistration/YourHome/OtherInformation.vue
+++ b/ppr-ui/src/components/mhrRegistration/YourHome/OtherInformation.vue
@@ -21,6 +21,7 @@
             id="other-remarks"
             v-model.trim="otherRemarks"
             variant="filled"
+            color="primary"
             :rules="maxLength(140)"
             name="name"
             counter="140"
diff --git a/ppr-ui/src/components/mhrRegistration/YourHome/RebuiltStatus.vue b/ppr-ui/src/components/mhrRegistration/YourHome/RebuiltStatus.vue
index 251d6aa0e..818302bf6 100644
--- a/ppr-ui/src/components/mhrRegistration/YourHome/RebuiltStatus.vue
+++ b/ppr-ui/src/components/mhrRegistration/YourHome/RebuiltStatus.vue
@@ -26,6 +26,7 @@
             id="rebuilt-status-text"
             v-model.trim="rebuiltRemarks"
             variant="filled"
+            color="primary"
             counter="280"
             :rules="maxLength(280)"
             label="Description of the rebuilt status of the home (Optional)"
diff --git a/ppr-ui/src/components/mhrTransfers/DeathCertificate.vue b/ppr-ui/src/components/mhrTransfers/DeathCertificate.vue
index 28f10167a..f6ad3142a 100644
--- a/ppr-ui/src/components/mhrTransfers/DeathCertificate.vue
+++ b/ppr-ui/src/components/mhrTransfers/DeathCertificate.vue
@@ -26,6 +26,7 @@
             ref="deathCertificateNumberRef"
             v-model="deathCertificateNumber"
             variant="filled"
+            color="primary"
             :rules="deathCertificateNumberRules"
             label="Death Certificate Registration Number"
             data-test-id="death-certificate-number"
diff --git a/ppr-ui/src/components/mhrTransfers/SupportingDocuments.vue b/ppr-ui/src/components/mhrTransfers/SupportingDocuments.vue
index d7829c100..3b64569e9 100644
--- a/ppr-ui/src/components/mhrTransfers/SupportingDocuments.vue
+++ b/ppr-ui/src/components/mhrTransfers/SupportingDocuments.vue
@@ -15,7 +15,7 @@
       class="supporting-docs-options"
       inline
       :disabled="isGlobalEditingMode"
-      hideDetails="true"
+      :hideDetails="true"
     >
       <v-radio
         id="supporting-doc-option-one"
@@ -148,6 +148,9 @@ export default defineComponent({
 <style lang="scss" scoped>
 @import '@/assets/styles/theme.scss';
 .supporting-docs-options {
+  display: flex;
+  flex-direction: column;
+
   .v-radio {
     flex: 1;
     background-color: rgba(0, 0, 0, 0.06);
diff --git a/ppr-ui/src/components/mhrTransfers/TransferDetails.vue b/ppr-ui/src/components/mhrTransfers/TransferDetails.vue
index 0125734c4..28d3ecadd 100644
--- a/ppr-ui/src/components/mhrTransfers/TransferDetails.vue
+++ b/ppr-ui/src/components/mhrTransfers/TransferDetails.vue
@@ -33,6 +33,7 @@
                 ref="considerationRef"
                 v-model="consideration"
                 variant="filled"
+                color="primary"
                 :rules="considerationRules"
                 label="Amount in Canadian Dollars or Description"
                 data-test-id="consideration"
diff --git a/ppr-ui/src/components/mhrTransfers/TransferType.vue b/ppr-ui/src/components/mhrTransfers/TransferType.vue
index 82505d318..48aa4819d 100644
--- a/ppr-ui/src/components/mhrTransfers/TransferType.vue
+++ b/ppr-ui/src/components/mhrTransfers/TransferType.vue
@@ -31,6 +31,7 @@
               ref="transferTypeSelectRef"
               v-model="selectedTransferType"
               variant="filled"
+              color="primary"
               :items="transferTypesSelector"
               itemTitle="textLabel"
               itemValue="transferType"
@@ -119,6 +120,7 @@
                 v-model.number="declaredValue"
                 class="declared-value px-2"
                 variant="filled"
+                color="primary"
                 label="Amount in Canadian Dollars"
                 :disabled="disableSelect"
                 :rules="declaredValueRules"
diff --git a/ppr-ui/src/components/parties/debtor/EditDebtor.vue b/ppr-ui/src/components/parties/debtor/EditDebtor.vue
index 070fcf68c..8d4131b6c 100644
--- a/ppr-ui/src/components/parties/debtor/EditDebtor.vue
+++ b/ppr-ui/src/components/parties/debtor/EditDebtor.vue
@@ -58,6 +58,7 @@
                   ref="debtorNameSearchField"
                   v-model="searchValue"
                   variant="filled"
+                  color="primary"
                   label="Find or enter the Full Legal Name of the Business"
                   :errorMessages="
                     errors.businessName.message
@@ -104,6 +105,7 @@
                   id="txt-first-debtor"
                   v-model="currentDebtor.personName.first"
                   variant="filled"
+                  color="primary"
                   label="First Name"
                   persistentHint
                   :errorMessages="
@@ -120,6 +122,7 @@
                   id="txt-middle-debtor"
                   v-model="currentDebtor.personName.middle"
                   variant="filled"
+                  color="primary"
                   label="Middle Name"
                   hint="Required if person has middle name"
                   persistentHint
@@ -134,6 +137,7 @@
                   id="txt-last-debtor"
                   v-model="currentDebtor.personName.last"
                   variant="filled"
+                  color="primary"
                   label="Last Name"
                   persistentHint
                   :errorMessages="
@@ -166,6 +170,7 @@
                   autoSelectFirst
                   :items="months"
                   variant="filled"
+                  color="primary"
                   clearable
                   label="Month"
                   :errorMessages="
@@ -185,6 +190,7 @@
                   id="txt-day"
                   v-model="day"
                   variant="filled"
+                  color="primary"
                   label="Day"
                   :errorMessages="errors.day.message ? errors.day.message : ''"
                   persistentHint
@@ -196,6 +202,7 @@
                   id="txt-year"
                   v-model="year"
                   variant="filled"
+                  color="primary"
                   label="Year"
                   :errorMessages="
                     errors.year.message ? errors.year.message : ''
@@ -219,6 +226,7 @@
                   id="txt-email-debtor"
                   v-model="currentDebtor.emailAddress"
                   variant="filled"
+                  color="primary"
                   label="Email Address (Optional)"
                   :errorMessages="
                     errors.emailAddress.message
diff --git a/ppr-ui/src/components/parties/party/EditParty.vue b/ppr-ui/src/components/parties/party/EditParty.vue
index 13de84aad..f49b25525 100644
--- a/ppr-ui/src/components/parties/party/EditParty.vue
+++ b/ppr-ui/src/components/parties/party/EditParty.vue
@@ -85,6 +85,7 @@
                       ref="partyNameSearchField"
                       v-model="searchValue"
                       variant="filled"
+color="primary"
                       label="Find or enter the Full Legal Name of the Business"
                       :errorMessages="
                         errors.businessName.message
@@ -131,6 +132,7 @@
                       id="txt-first-party"
                       v-model="currentSecuredParty.personName.first"
                       variant="filled"
+color="primary"
                       label="First Name"
                       persistentHint
                       :errorMessages="
@@ -147,6 +149,7 @@
                       id="txt-middle-party"
                       v-model="currentSecuredParty.personName.middle"
                       variant="filled"
+color="primary"
                       label="Middle Name (Optional)"
                       persistentHint
                       :errorMessages="
@@ -160,6 +163,7 @@
                       id="txt-last-party"
                       v-model="currentSecuredParty.personName.last"
                       variant="filled"
+color="primary"
                       label="Last Name"
                       persistentHint
                       :errorMessages="
@@ -183,6 +187,7 @@
                       id="txt-email-party"
                       v-model="currentSecuredParty.emailAddress"
                       variant="filled"
+color="primary"
                       :label="isRegisteringParty ? 'Email Address' : 'Email Address (Optional)'"
                       :errorMessages="
                         errors.emailAddress.message
diff --git a/ppr-ui/src/components/parties/party/PartySearch.vue b/ppr-ui/src/components/parties/party/PartySearch.vue
index a43b89150..13d4d3a59 100644
--- a/ppr-ui/src/components/parties/party/PartySearch.vue
+++ b/ppr-ui/src/components/parties/party/PartySearch.vue
@@ -12,6 +12,7 @@
           id="txt-code"
           v-model="searchValue"
           variant="filled"
+          color="primary"
           :label="searchFieldLabel"
           persistentHint
           hint="Enter at least the first 3 characters"
diff --git a/ppr-ui/src/components/parties/party/SecuredParties.vue b/ppr-ui/src/components/parties/party/SecuredParties.vue
index 5efaa185b..d368b692b 100644
--- a/ppr-ui/src/components/parties/party/SecuredParties.vue
+++ b/ppr-ui/src/components/parties/party/SecuredParties.vue
@@ -36,6 +36,7 @@
           id="secured-party-autocomplete"
           v-model="searchValue"
           variant="filled"
+          color="primary"
           hideDetails
           :loading="loading"
           :items="partyResults"
diff --git a/ppr-ui/src/components/registration/AmendmentDescription.vue b/ppr-ui/src/components/registration/AmendmentDescription.vue
index 2c30be3e1..0f810d5f6 100644
--- a/ppr-ui/src/components/registration/AmendmentDescription.vue
+++ b/ppr-ui/src/components/registration/AmendmentDescription.vue
@@ -52,6 +52,7 @@
             autoGrow
             counter="4000"
             variant="filled"
+color="primary"
             label="Details Description (Optional)"
             class="bg-white pt-2 text-input-field"
             :errorMessages="valid ? '' : 'Maximum 4000 characters'"
diff --git a/ppr-ui/src/components/registration/RegistrationBarTypeAheadList.vue b/ppr-ui/src/components/registration/RegistrationBarTypeAheadList.vue
index 00f8956cf..f0fb1d58b 100644
--- a/ppr-ui/src/components/registration/RegistrationBarTypeAheadList.vue
+++ b/ppr-ui/src/components/registration/RegistrationBarTypeAheadList.vue
@@ -21,6 +21,7 @@
       :label="dropdownLabel"
       :clearable="isClearable"
       density="compact"
+      color="primary"
     >
       <template #item="{ props, item }">
         <template v-if="item.raw.class === 'registration-list-header'">
diff --git a/ppr-ui/src/components/registration/length-trust/RegistrationLengthTrust.vue b/ppr-ui/src/components/registration/length-trust/RegistrationLengthTrust.vue
index e827f730b..679cebd2d 100644
--- a/ppr-ui/src/components/registration/length-trust/RegistrationLengthTrust.vue
+++ b/ppr-ui/src/components/registration/length-trust/RegistrationLengthTrust.vue
@@ -81,6 +81,7 @@
             autocomplete="off"
             :errorMessages="lifeYearsMessage || ''"
             variant="filled"
+            color="primary"
             :readonly="lifeYearsDisabled"
             :hint="lifeYearsHint"
             persistentHint
diff --git a/ppr-ui/src/components/registration/length-trust/RegistrationRepairersLien.vue b/ppr-ui/src/components/registration/length-trust/RegistrationRepairersLien.vue
index f6429dc75..ece739f6d 100644
--- a/ppr-ui/src/components/registration/length-trust/RegistrationRepairersLien.vue
+++ b/ppr-ui/src/components/registration/length-trust/RegistrationRepairersLien.vue
@@ -186,6 +186,7 @@
             autocomplete="off"
             :errorMessages="lienAmountMessage || ''"
             variant="filled"
+            color="primary"
             hint="Example: 10,500.50"
             persistentHint
             label="Amount in Canadian Dollars ($)"
diff --git a/ppr-ui/src/components/search/SearchBar.vue b/ppr-ui/src/components/search/SearchBar.vue
index e53e84e8d..018d9a2fa 100644
--- a/ppr-ui/src/components/search/SearchBar.vue
+++ b/ppr-ui/src/components/search/SearchBar.vue
@@ -73,6 +73,7 @@
           ref="debtorNameSearchField"
           v-model="searchValue"
           variant="filled"
+          color="primary"
           label="Find or enter the Full Legal Name of the Business"
           persistentHint
           :hint="searchHint"
@@ -114,6 +115,7 @@
           ref="mhrOrgNameRef"
           v-model="searchValue"
           variant="filled"
+          color="primary"
           label="Enter an organization name"
           persistentHint
           :hint="searchHint"
@@ -168,6 +170,7 @@
               :disabled="!selectedSearchType"
               :errorMessages="searchMessage ? searchMessage : ''"
               variant="filled"
+              color="primary"
               :hint="searchHint"
               :hideDetails="hideDetails"
               persistentHint
@@ -198,6 +201,7 @@
               autocomplete="off"
               :errorMessages="searchMessageFirst ? searchMessageFirst : ''"
               variant="filled"
+              color="primary"
               :hint="searchHintFirst"
               persistentHint
               :label="optionFirst"
@@ -211,6 +215,7 @@
               autocomplete="off"
               :errorMessages="searchMessageSecond ? searchMessageSecond : ''"
               variant="filled"
+              color="primary"
               :hint="searchHintSecond"
               persistentHint
               label="Middle Name (Optional)"
@@ -224,6 +229,7 @@
               autocomplete="off"
               :errorMessages="searchMessageLast ? searchMessageLast : ''"
               variant="filled"
+              color="primary"
               :hint="searchHintLast"
               persistentHint
               label="Last Name"
diff --git a/ppr-ui/src/components/search/SearchBarList.vue b/ppr-ui/src/components/search/SearchBarList.vue
index 19cf56184..7707bc8d7 100644
--- a/ppr-ui/src/components/search/SearchBarList.vue
+++ b/ppr-ui/src/components/search/SearchBarList.vue
@@ -7,12 +7,13 @@
     :class="{ 'wide-menu' : !isSingleSearchOption }"
     :errorMessages="categoryMessage ? categoryMessage : ''"
     variant="filled"
+    color="primary"
     :items="optionsList"
     itemTitle="searchTypeUI"
     itemValue="searchTypeAPI"
     :label="searchTypeLabel"
     returnObject
-    :menuProps="isSingleSearchOption ? { bottom: true, offsetY: true } : {}"
+    :menuProps="isSingleSearchOption ? { bottom: true, offsetY: true } : { maxHeight: 400 }"
     @focus="updateSelections()"
   >
     <template #item="{ props, item }">
diff --git a/ppr-ui/src/components/tables/RegistrationTable.vue b/ppr-ui/src/components/tables/RegistrationTable.vue
index 791465f5b..2e4054677 100644
--- a/ppr-ui/src/components/tables/RegistrationTable.vue
+++ b/ppr-ui/src/components/tables/RegistrationTable.vue
@@ -61,8 +61,9 @@
                     v-if="header.value === 'registrationNumber' || header.value === 'mhrNumber'"
                     v-model="registrationNumber"
                     variant="filled"
+                    color="primary"
                     single-line
-                    hide-details="true"
+                    :hideDetails="true"
                     type="text"
                     label="Number"
                     density="compact"
@@ -88,6 +89,7 @@
                       itemValue="registrationTypeAPI"
                       class="table-registration-types registration-type-select"
                       variant="filled"
+                      color="primary"
                       clearable
                       hideDetails
                       density="compact"
@@ -110,6 +112,7 @@
                       itemValue="registrationTypeAPI"
                       class="table-registration-types registration-type-select"
                       variant="filled"
+                      color="primary"
                       clearable
                       hideDetails
                       density="compact"
@@ -132,6 +135,7 @@
                     density="compact"
                     clearable
                     variant="filled"
+                    color="primary"
                     hideDetails="true"
                     :label="'Date'"
                     singleLine
@@ -144,6 +148,7 @@
                     hideDetails
                     singleLine
                     variant="filled"
+                    color="primary"
                     itemClass="list-item"
                     label="Status"
                     clearable
@@ -156,6 +161,7 @@
                     hideDetails
                     singleLine
                     variant="filled"
+                    color="primary"
                     itemClass="list-item"
                     label="Status"
                     clearable
@@ -165,6 +171,7 @@
                     v-if="header.value === 'registeringName'"
                     v-model="registeredBy"
                     variant="filled"
+                    color="primary"
                     singleLine
                     hideDetails="true"
                     type="text"
@@ -175,6 +182,7 @@
                     v-if="!isPpr && header.value === 'registeringParty'"
                     v-model="registeringParty"
                     variant="filled"
+                    color="primary"
                     singleLine
                     hideDetails="true"
                     type="text"
@@ -185,6 +193,7 @@
                     v-if="header.value === 'clientReferenceId'"
                     v-model="folioNumber"
                     variant="filled"
+                    color="primary"
                     singleLine
                     hideDetails="true"
                     type="text"
diff --git a/ppr-ui/src/components/userAccess/ReviewConfirm/Authorization.vue b/ppr-ui/src/components/userAccess/ReviewConfirm/Authorization.vue
index d3158b190..97784560c 100644
--- a/ppr-ui/src/components/userAccess/ReviewConfirm/Authorization.vue
+++ b/ppr-ui/src/components/userAccess/ReviewConfirm/Authorization.vue
@@ -13,6 +13,7 @@
           id="authorization-text-field"
           v-model="authorization.authorizationName"
           variant="filled"
+          color="primary"
           label="Legal name of authorized person (must be a lawyer or notary)"
           :rules="authorizationRules"
         />
diff --git a/ppr-ui/src/composables/address/BaseAddress.vue b/ppr-ui/src/composables/address/BaseAddress.vue
index f6c217a49..49d102ce2 100644
--- a/ppr-ui/src/composables/address/BaseAddress.vue
+++ b/ppr-ui/src/composables/address/BaseAddress.vue
@@ -47,6 +47,7 @@
             v-model="addressLocal.country"
             autocomplete="new-password"
             variant="filled"
+            color="primary"
             class="address-country"
             hideNoData
             itemTitle="name"
@@ -80,6 +81,7 @@
             autocomplete="new-password"
             class="street-address"
             variant="filled"
+            color="primary"
             :hint="hideAddressHint ? '' : 'Street address, PO box, rural route, or general delivery address'"
             :label="streetLabel"
             persistentHint
@@ -94,6 +96,7 @@
             autocomplete="new-password"
             autoGrow
             variant="filled"
+            color="primary"
             class="street-address-additional"
             :label="streetAdditionalLabel"
             rows="1"
@@ -105,6 +108,7 @@
             v-model="addressLocal.city"
             autocomplete="new-password"
             variant="filled"
+            color="primary"
             class="item address-city"
             :label="cityLabel"
             :rules="[...schemaLocal.city]"
@@ -114,6 +118,7 @@
             v-model="addressLocal.region"
             autocomplete="new-password"
             variant="filled"
+            color="primary"
             class="item address-region"
             hideNoData
             itemTitle="name"
@@ -134,6 +139,7 @@
             v-else
             v-model="addressLocal.region"
             variant="filled"
+            color="primary"
             class="item address-region"
             :label="regionLabel"
             :rules="[...schemaLocal.region]"
@@ -141,6 +147,7 @@
           <v-text-field
             v-model="addressLocal.postalCode"
             variant="filled"
+            color="primary"
             class="item postal-code"
             :label="postalCodeLabel"
             :rules="[...schemaLocal.postalCode]"
@@ -154,6 +161,7 @@
             v-model="addressLocal.deliveryInstructions"
             autoGrow
             variant="filled"
+            color="primary"
             class="delivery-instructions"
             :label="deliveryInstructionsLabel"
             rows="2"
diff --git a/ppr-ui/src/views/Dashboard.vue b/ppr-ui/src/views/Dashboard.vue
index 8b06e6ceb..9fd6ea0af 100644
--- a/ppr-ui/src/views/Dashboard.vue
+++ b/ppr-ui/src/views/Dashboard.vue
@@ -101,7 +101,7 @@
             cols="12"
             sm="9"
           >
-            <p class="fs-14 float-right">
+            <p class="fs-14 float-right mb-0">
               The Searches table will display up to 1000 searches conducted within the last 14 days.
             </p>
           </v-col>
diff --git a/ppr-ui/src/views/mhrInformation/MhrInformation.vue b/ppr-ui/src/views/mhrInformation/MhrInformation.vue
index 39a4a73ac..4aa54ba1d 100644
--- a/ppr-ui/src/views/mhrInformation/MhrInformation.vue
+++ b/ppr-ui/src/views/mhrInformation/MhrInformation.vue
@@ -296,7 +296,7 @@
                   >
                     <v-col cols="9">
                       <img
-                        class="home-owners-icon mb-1 ml-1"
+                        class="review-header-icon mb-1 ml-1"
                         src="@/assets/svgs/homeownersicon_reviewscreen.svg"
                       >
                       <span class="font-weight-bold pl-2">Home Owners</span>
@@ -1118,8 +1118,4 @@ export default defineComponent({
 :deep(.theme--light.v-btn.v-btn--disabled) {
   opacity: 0.4 !important;
 }
-
-:deep(.home-owners-icon) {
-  vertical-align: middle;
-}
 </style>
diff --git a/ppr-ui/src/views/newMhrRegistration/SubmittingParty.vue b/ppr-ui/src/views/newMhrRegistration/SubmittingParty.vue
index d1ddc8901..45cf9ce9f 100644
--- a/ppr-ui/src/views/newMhrRegistration/SubmittingParty.vue
+++ b/ppr-ui/src/views/newMhrRegistration/SubmittingParty.vue
@@ -58,6 +58,7 @@
                 id="doc-id-num"
                 v-model="documentId"
                 variant="filled"
+                color="primary"
                 maxlength="8"
                 label="Document ID Number"
                 :rules="documentIdRules"