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 0e549aa1b6a..33abcfe8f4c 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
@@ -8,8 +8,10 @@
(keyup.enter)="clicked()"
(click)="clicked()"
[attr.data-automation-id]="'card-arrayitem-chip-' + item.value">
- {{item.icon}}
- {{item?.value}}
+
+ {{item.icon}}
+ {{item?.value}}
+
displayCount"
@@ -24,8 +26,10 @@
(keyup.enter)="clicked()"
(click)="clicked()"
[attr.data-automation-id]="'card-arrayitem-chip-' + item.value">
- {{item.icon}}
- {{item?.value}}
+
+ {{item.icon}}
+ {{item?.value}}
+
@@ -36,8 +40,10 @@
- {{item.icon}}
- {{item?.value}}
+
+ {{item.icon}}
+ {{item?.value}}
+
@@ -54,6 +60,6 @@
[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">
- {{property.icon}}
+ {{property.icon}}
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 7f940c09dbf..0f0d561655d 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
@@ -43,7 +43,6 @@
place-content: center space-between;
align-items: center;
background: var(--adf-card-view-array-item-background);
- border: var(--adf-card-view-array-item-border);
border-color: var(--adf-card-view-array-item-border-color);
border-radius: var(--adf-card-view-array-item-border-radius);
@@ -51,4 +50,9 @@
cursor: pointer;
}
}
+
+ &-card-view-array-chip-content {
+ align-items: center;
+ display: flex;
+ }
}