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;