diff --git a/lib/components/SAlert.vue b/lib/components/SAlert.vue
index a36014ea..e97b4a7d 100644
--- a/lib/components/SAlert.vue
+++ b/lib/components/SAlert.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import IconSuccess from '~icons/ph/check-bold'
+import IconCheck from '~icons/ph/check-bold'
 import IconInfo from '~icons/ph/info-bold'
 import IconWarning from '~icons/ph/warning-bold'
-import IconDanger from '~icons/ph/warning-octagon-bold'
+import IconWarningOctagon from '~icons/ph/warning-octagon-bold'
 
 withDefaults(defineProps<{
   mode?: 'info' | 'success' | 'warning' | 'danger'
@@ -15,9 +15,9 @@ withDefaults(defineProps<{
   <div class="SAlert" :class="[mode]">
     <div class="icon">
       <IconInfo v-if="mode === 'info'" class="icon-svg" />
-      <IconSuccess v-if="mode === 'success'" class="icon-svg" />
+      <IconCheck v-if="mode === 'success'" class="icon-svg" />
       <IconWarning v-if="mode === 'warning'" class="icon-svg" />
-      <IconDanger v-if="mode === 'danger'" class="icon-svg" />
+      <IconWarningOctagon v-if="mode === 'danger'" class="icon-svg" />
     </div>
     <div class="content">
       <slot />