From 3368ef593b3ebfaaf2a6b5e43f302ee42fe14113 Mon Sep 17 00:00:00 2001
From: Trevor Burch <Trevor.Burch@blackbaud.com>
Date: Tue, 3 Dec 2024 16:48:14 -0500
Subject: [PATCH] Bug fix and revert error selector

---
 .../file-attachment/file-attachment.component.scss | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/libs/components/forms/src/lib/modules/file-attachment/file-attachment/file-attachment.component.scss b/libs/components/forms/src/lib/modules/file-attachment/file-attachment/file-attachment.component.scss
index 6a1dfcd04f..2ad5c5fae0 100644
--- a/libs/components/forms/src/lib/modules/file-attachment/file-attachment/file-attachment.component.scss
+++ b/libs/components/forms/src/lib/modules/file-attachment/file-attachment/file-attachment.component.scss
@@ -21,6 +21,7 @@
   --sky-override-file-attachment-reject-border-color: #{$sky-highlight-color-danger};
   --sky-override-file-attachment-reject-border-radius: 5px;
   --sky-override-file-attachment-reject-border-width: 1px;
+  --sky-override-file-attachment-upload-display: block;
   --sky-override-file-attachment-upload-padding-right: 8px;
   --sky-override-file-attachment-wrapper-display: inline-block;
 
@@ -59,6 +60,7 @@
     0 0;
   --sky-override-file-attachment-reject-border-radius: 5px;
   --sky-override-file-attachment-reject-border-width: 1px;
+  --sky-override-file-attachment-upload-with-icon-align-items: flex-start;
 
   .sky-file-attachment-delete {
     padding: 0;
@@ -95,11 +97,17 @@
 .sky-file-attachment-upload {
   flex: 1;
   order: 2;
-  display: flex;
+  display: var(--sky-override-file-attachment-upload-display, flex);
   align-items: flex-start;
   padding-right: var(--sky-override-file-attachment-upload-padding-right, 0);
-  display: block;
   border: 1px solid transparent;
+
+  &:has(.sky-file-attachment-icon) {
+    align-items: var(
+      --sky-override-file-attachment-upload-with-icon-align-items,
+      center
+    );
+  }
 }
 
 .sky-file-attachment-accept {
@@ -139,7 +147,7 @@
   transition: $sky-form-border-and-color-transitions;
 }
 
-:host(.ng-invalid.ng-touched) {
+:host(.ng-invalid.ng-dirty) {
   .sky-file-attachment-btn {
     box-shadow: var(--sky-override-file-attachment-invalid-box-shadow, none);
     border: var(