From d021b6e389c009ea8059bd398313976d6d12ac9b Mon Sep 17 00:00:00 2001
From: dominikiwanekhyland
 <141320833+dominikiwanekhyland@users.noreply.github.com>
Date: Tue, 28 May 2024 15:23:09 +0200
Subject: [PATCH] [ACS-8052] Inputs for general info for libraries (#9745)

---
 .../src/lib/info-drawer/info-drawer.component.scss  | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/lib/core/src/lib/info-drawer/info-drawer.component.scss b/lib/core/src/lib/info-drawer/info-drawer.component.scss
index 8d83aae1125..5baab4dea2a 100644
--- a/lib/core/src/lib/info-drawer/info-drawer.component.scss
+++ b/lib/core/src/lib/info-drawer/info-drawer.component.scss
@@ -40,7 +40,7 @@
                         margin-bottom: 0;
                     }
 
-                    .mdc-tab__text-label {
+                    #{$mat-tab-label-text} {
                         flex-grow: 1;
 
                         #{$mat-icon} + span {
@@ -63,31 +63,36 @@
     }
 }
 
+/* stylelint-disable-next-line no-descending-specificity */
 .adf-info-drawer-tabs {
     #{$mat-tab-label-container} {
         border-bottom: 1px solid rgba(0, 0, 0, 0.12);
     }
 
-    .adf-info-drawer-tab {
+    div[role='tab'].adf-info-drawer-tab {
         color: var(--adf-info-drawer-tab-default-color);
         background-color: var(--adf-info-drawer-tab-default-background);
         border-bottom: var(--adf-info-drawer-tab-default-bottom-line);
         opacity: 1;
 
+        &#{$mat-tab-label} {
+            flex-grow: 1;
+        }
+
         &:has(span) {
             height: 32px;
         }
 
         &--active {
             color: var(--adf-info-drawer-tab-active-unfocused-color);
-            background-color:  var(--adf-info-drawer-tab-active-unfocused-background);
+            background-color: var(--adf-info-drawer-tab-active-unfocused-background);
             border-bottom: 1px solid var(--adf-info-drawer-tab-active-unfocused-bottom-line);
 
             &:focus {
                 color: var(--adf-info-drawer-tab-active-focused-color);
                 border-bottom: var(--adf-info-drawer-tab-active-focused-bottom-line);
+            }
         }
-    }
 
         &:hover:not([class*='--disabled'], [class*='--active']) {
             color: var(--adf-info-drawer-tab-hover-color);