From af6deb43883b8e8eedd547942719f375934fae8a Mon Sep 17 00:00:00 2001
From: tamaragruszka <156320606+tamaragruszka@users.noreply.github.com>
Date: Wed, 11 Dec 2024 13:49:12 +0100
Subject: [PATCH] [ACS-8160] apply styles for tags in info drawer (#4126)

Co-authored-by: jacekpluta <73617938+jacekpluta@users.noreply.github.com>
---
 .../info-drawer/metadata-tab/metadata-tab.component.scss  | 8 ++++++++
 .../info-drawer/metadata-tab/metadata-tab.component.ts    | 1 +
 2 files changed, 9 insertions(+)
 create mode 100644 projects/aca-content/src/lib/components/info-drawer/metadata-tab/metadata-tab.component.scss

diff --git a/projects/aca-content/src/lib/components/info-drawer/metadata-tab/metadata-tab.component.scss b/projects/aca-content/src/lib/components/info-drawer/metadata-tab/metadata-tab.component.scss
new file mode 100644
index 000000000..77e580939
--- /dev/null
+++ b/projects/aca-content/src/lib/components/info-drawer/metadata-tab/metadata-tab.component.scss
@@ -0,0 +1,8 @@
+.app-metadata-tab {
+  .adf-dynamic-chip-list-chip {
+    background-color: var(--theme-background-card-colour);
+    border: 1px solid var(--theme-text-color);
+    border-radius: 10px;
+    color: var(--theme-text-color);
+  }
+}
diff --git a/projects/aca-content/src/lib/components/info-drawer/metadata-tab/metadata-tab.component.ts b/projects/aca-content/src/lib/components/info-drawer/metadata-tab/metadata-tab.component.ts
index db1b4c9df..19999df5b 100644
--- a/projects/aca-content/src/lib/components/info-drawer/metadata-tab/metadata-tab.component.ts
+++ b/projects/aca-content/src/lib/components/info-drawer/metadata-tab/metadata-tab.component.ts
@@ -56,6 +56,7 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
       [displayAspect]="metadataAspect"
     />
   `,
+  styleUrls: ['metadata-tab.component.scss'],
   encapsulation: ViewEncapsulation.None,
   host: { class: 'app-metadata-tab' }
 })