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;