From 2699d62cccee84091e0c596b9d6795d5d069c485 Mon Sep 17 00:00:00 2001
From: Alex Molodyh <alex.molodyh@hyland.com>
Date: Tue, 25 Aug 2026 07:35:47 -0700
Subject: [PATCH] AAE-46057 Reserve Process Services form status spacing

---
 .../src/lib/form/widgets/dropdown/dropdown.widget.html       | 5 +++--
 .../src/lib/form/widgets/typeahead/typeahead.widget.html     | 5 +++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/lib/process-services/src/lib/form/widgets/dropdown/dropdown.widget.html b/lib/process-services/src/lib/form/widgets/dropdown/dropdown.widget.html
index 55a0f27e0c..744843e374 100644
--- a/lib/process-services/src/lib/form/widgets/dropdown/dropdown.widget.html
+++ b/lib/process-services/src/lib/form/widgets/dropdown/dropdown.widget.html
@@ -6,17 +6,18 @@
     <label class="adf-label" [attr.for]="field.id"
         >{{field.name | translate }}<span class="adf-asterisk" [style.visibility]="isRequired() ? 'visible' : 'hidden'">*</span></label
     >
-    <mat-form-field class="adf-form-field-input">
+    <mat-form-field class="adf-form-field-input" subscriptSizing="dynamic">
         <mat-select class="adf-select" [id]="field.id" [formControl]="dropdownControl">
             <mat-option *ngFor="let opt of field.options" [value]="opt" [id]="opt.id">{{opt.name}}</mat-option>
             <mat-option id="readonlyOption" *ngIf="dropdownControl.disabled" [value]="field.value">{{field.value}}</mat-option>
         </mat-select>
         @if (!isReadOnlyField && dropdownControl.touched && (field.validationSummary?.message || dropdownControl.hasError('required'))) {
-            <mat-error data-automation-id="adf-dropdown-error">
+            <mat-error class="adf-form-field-status-slot" data-automation-id="adf-dropdown-error">
                 <mat-icon class="adf-error-icon">error_outline</mat-icon>
                 <span class="adf-error-text"
                     >@if (field.validationSummary?.message) {{{ field.validationSummary.message | translate }}} @else {{{ 'FORM.FIELD.REQUIRED' | translate }}}</span>
             </mat-error>
         }
+        <mat-hint class="adf-form-field-status-slot" aria-hidden="true" />
     </mat-form-field>
 </div>
diff --git a/lib/process-services/src/lib/form/widgets/typeahead/typeahead.widget.html b/lib/process-services/src/lib/form/widgets/typeahead/typeahead.widget.html
index c4160a0040..8cea85eaa1 100644
--- a/lib/process-services/src/lib/form/widgets/typeahead/typeahead.widget.html
+++ b/lib/process-services/src/lib/form/widgets/typeahead/typeahead.widget.html
@@ -4,7 +4,7 @@
         [class.adf-invalid]="!field.isValid"
         [class.adf-readonly]="field.readOnly"
         id="typehead-div">
-        <mat-form-field class="adf-form-field-input">
+        <mat-form-field class="adf-form-field-input" subscriptSizing="dynamic">
             <label class="adf-label" [attr.for]="field.id">{{field.name | translate }}</label>
             <input matInput class="adf-input"
                    type="text"
@@ -23,12 +23,13 @@
                 </mat-option>
             </mat-autocomplete>
             @if (field.validationSummary?.message || isInvalidFieldRequired()) {
-                <mat-error>
+                <mat-error class="adf-form-field-status-slot">
                     <mat-icon class="adf-error-icon">error_outline</mat-icon>
                     <span class="adf-error-text"
                         >@if (field.validationSummary?.message) {{{ field.validationSummary.message | translate }}} @else {{{ 'FORM.FIELD.REQUIRED' | translate }}}</span>
                 </mat-error>
             }
+            <mat-hint class="adf-form-field-status-slot" aria-hidden="true" />
         </mat-form-field>
     </div>
 </div>