From cff2e592ddedc95b78c6e1d554c11eb7e619f922 Mon Sep 17 00:00:00 2001
From: portikM <maksym.portianoi@konghq.com>
Date: Fri, 13 Dec 2024 12:11:32 -0500
Subject: [PATCH] fix: minor fix

---
 sandbox/pages/SandboxAlert.vue   | 8 +++++---
 src/components/KAlert/KAlert.vue | 4 ++--
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/sandbox/pages/SandboxAlert.vue b/sandbox/pages/SandboxAlert.vue
index 1f13e8ead2..bd424ca0e4 100644
--- a/sandbox/pages/SandboxAlert.vue
+++ b/sandbox/pages/SandboxAlert.vue
@@ -179,8 +179,10 @@ import { KongIcon } from '@kong/icons'
 </script>
 
 <style scoped lang="scss">
-.appearance-content {
-  display: flex;
-  gap: $kui-space-40;
+.kalert-sandbox {
+  .appearance-content {
+    display: flex;
+    gap: $kui-space-40;
+  }
 }
 </style>
diff --git a/src/components/KAlert/KAlert.vue b/src/components/KAlert/KAlert.vue
index 4f7cb84865..8380a49f5e 100644
--- a/src/components/KAlert/KAlert.vue
+++ b/src/components/KAlert/KAlert.vue
@@ -216,7 +216,7 @@ const getAlertIcon = computed((): AlertIcon => {
       var(--kui-color-background-success-weakest, $kui-color-background-success-weakest),
       var(--kui-color-text-success, $kui-color-text-success),
       var(--kui-color-text-success-strong, $kui-color-text-success-strong),
-      #B5FFEE /** kui-color-background-success-weaker */);
+      #B5FFEE); // we don't have a kui-color-background-success-weaker token so use hardcoded value
   }
 
   &.warning {
@@ -224,7 +224,7 @@ const getAlertIcon = computed((): AlertIcon => {
       var(--kui-color-background-warning-weakest, $kui-color-background-warning-weakest),
       var(--kui-color-text-warning, $kui-color-text-warning),
       var(--kui-color-text-warning-strong, $kui-color-text-warning-strong),
-      #FFF296 /** kui-color-background-warning-weaker */);
+      #FFF296); // we don't have a kui-color-background-warning-weaker token so use hardcoded value
   }
 
   &.danger {