diff --git a/src/components/KAlert/KAlert.vue b/src/components/KAlert/KAlert.vue
index 8380a49f5e..af07769df7 100644
--- a/src/components/KAlert/KAlert.vue
+++ b/src/components/KAlert/KAlert.vue
@@ -128,6 +128,7 @@ const getAlertIcon = computed((): AlertIcon => {
         }
       }
 
+      :deep(code),
       :slotted(code) {
         background-color: $codeBackgroundColor;
         color: $hoverColor;
@@ -180,6 +181,7 @@ const getAlertIcon = computed((): AlertIcon => {
         margin: 0;
       }
 
+      :deep(code),
       :slotted(code) {
         @include codeTypography;