DATAP-1584 Fix alignment and positioning of error icon for complaint …

…date to match other date filters (#555) * Fix alignment and positioning of error icon for complaint date to match other date filters * moved key to wrapper div --------- Co-authored-by: cdhenley219 <[email protected]>
cfpb · Oct 30, 2024 · 9bfbe7e · 9bfbe7e
1 parent 4e9f629
commit 9bfbe7e
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/components/Filters/CompanyReceivedFilter.js b/src/components/Filters/CompanyReceivedFilter.js
@@ -185,10 +185,10 @@ export const CompanyReceivedFilter = () => {
           <div className="a-form-alert a-form-alert--error" role="alert">
             {errors.map((message, key) => (
               <div key={key}>
-                {message}
                 <span aria-hidden="true">
                   {getIcon('delete-round', 'cf-icon-delete-round')}
                 </span>
+                <div className="a-form-alert__text">{message}</div>
               </div>
             ))}
           </div>