From 84a4e9f75c7bff9b136ae3e89d7cc2be51dbcc3f Mon Sep 17 00:00:00 2001
From: Adam DeHaven <adam.dehaven@konghq.com>
Date: Tue, 10 Dec 2024 14:31:11 -0500
Subject: [PATCH] fix(link): apply styles to deep

---
 src/components/KAlert/KAlert.vue | 3 ++-
 src/components/KTabs/KTabs.vue   | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/KAlert/KAlert.vue b/src/components/KAlert/KAlert.vue
index 524849d043..5bc2e7edfd 100644
--- a/src/components/KAlert/KAlert.vue
+++ b/src/components/KAlert/KAlert.vue
@@ -118,7 +118,8 @@ const getAlertIcon = computed((): AlertIcon => {
 
   .alert-content {
     .alert-message {
-      :slotted(a) {
+      :slotted(a),
+      :deep(a) {
         color: $textColor;
 
         &:hover {
diff --git a/src/components/KTabs/KTabs.vue b/src/components/KTabs/KTabs.vue
index 78cfc62d96..22fbe49496 100644
--- a/src/components/KTabs/KTabs.vue
+++ b/src/components/KTabs/KTabs.vue
@@ -192,7 +192,8 @@ watch(() => props.modelValue, (newTabHash) => {
           cursor: not-allowed;
         }
 
-        :slotted(a) {
+        :slotted(a),
+        :deep(a) {
           color: var(--kui-color-text-neutral, $kui-color-text-neutral);
           text-decoration: none;