From 42c2f78baf270299fa3c4e9e9a33d4d1797e14af Mon Sep 17 00:00:00 2001
From: Michaela <85624192+mkrbr@users.noreply.github.com>
Date: Tue, 27 Jan 2026 13:34:05 +0100
Subject: [PATCH] Fixes icon button color in array item (#11588)

Removes specific styling for the icon button in array items
to inherit the correct color.

This ensures the button's icon color aligns with the theme.

Fixes AAE-41713
---
 .../card-view-arrayitem.component.html        | 19 ++++++++++---------
 .../card-view-arrayitem.component.scss        |  9 ---------
 2 files changed, 10 insertions(+), 18 deletions(-)

diff --git a/lib/core/src/lib/card-view/components/card-view-arrayitem/card-view-arrayitem.component.html b/lib/core/src/lib/card-view/components/card-view-arrayitem/card-view-arrayitem.component.html
index e40946327b..40fbb2cac9 100644
--- a/lib/core/src/lib/card-view/components/card-view-arrayitem/card-view-arrayitem.component.html
+++ b/lib/core/src/lib/card-view/components/card-view-arrayitem/card-view-arrayitem.component.html
@@ -53,13 +53,14 @@
     <ng-template #elseEmptyValueBlock>
         <span class="adf-card-array-item-default" data-automation-id="card-arrayitem-default">{{ property?.default | translate }}</span>
     </ng-template>
-    <button mat-icon-button *ngIf="showClickableIcon"
-        (click)="clicked()"
-        (keydown.enter)="clicked()"
-        class="adf-array-item-action"
-        [attr.aria-label]="'CORE.METADATA.ACTIONS.EDIT' | translate"
-        [attr.title]="'CORE.METADATA.ACTIONS.EDIT' | translate"
-        [attr.data-automation-id]="'card-array-item-clickable-icon-' + property.key">
-        <mat-icon class="adf-array-item-button-icon" [adf-icon]="property.icon" />
-    </button>
+    @if (showClickableIcon) {
+        <button mat-icon-button
+            (click)="clicked()"
+            (keydown.enter)="clicked()"
+            [attr.aria-label]="'CORE.METADATA.ACTIONS.EDIT' | translate"
+            [attr.title]="'CORE.METADATA.ACTIONS.EDIT' | translate"
+            [attr.data-automation-id]="'card-array-item-clickable-icon-' + property.key">
+            <mat-icon class="adf-array-item-button-icon" [adf-icon]="property.icon" />
+        </button>
+    }
 </div>
diff --git a/lib/core/src/lib/card-view/components/card-view-arrayitem/card-view-arrayitem.component.scss b/lib/core/src/lib/card-view/components/card-view-arrayitem/card-view-arrayitem.component.scss
index 30180e52ad..ed1a673c5e 100644
--- a/lib/core/src/lib/card-view/components/card-view-arrayitem/card-view-arrayitem.component.scss
+++ b/lib/core/src/lib/card-view/components/card-view-arrayitem/card-view-arrayitem.component.scss
@@ -5,15 +5,6 @@
         margin-right: 5px;
     }
 
-    &-array-item-action {
-        color: var(--adf-theme-foreground-text-color-025);
-    }
-
-    &-array-item-action:hover,
-    &-array-item-action:focus {
-        color: var(--adf-theme-foreground-text-color);
-    }
-
     &-card-array-item-default {
         overflow: hidden;
         text-overflow: ellipsis;