diff --git a/src/runtime/app.config.ts b/src/runtime/app.config.ts
index 31b58885d..def9c403f 100644
--- a/src/runtime/app.config.ts
+++ b/src/runtime/app.config.ts
@@ -776,7 +776,7 @@ const notification = {
   padding: 'p-4',
   ring: 'ring-1 ring-gray-200 dark:ring-gray-800',
   icon: {
-    base: 'flex-shrink-0 w-5 h-5 text-gray-400 dark:text-gray-500',
+    base: 'flex-shrink-0 w-5 h-5',
     color: 'text-{color}-500 dark:text-{color}-400'
   },
   avatar: {
diff --git a/src/runtime/components/overlays/Notification.vue b/src/runtime/components/overlays/Notification.vue
index aa7716712..6c7a1b309 100644
--- a/src/runtime/components/overlays/Notification.vue
+++ b/src/runtime/components/overlays/Notification.vue
@@ -134,7 +134,7 @@ export default defineComponent({
     const iconClass = computed(() => {
       return classNames(
         ui.value.icon.base,
-        appConfig.ui.colors.includes(props.color) && ui.value.icon.color?.replaceAll('{color}', props.color)
+        ui.value.icon.color?.replaceAll('{color}', props.color)
       )
     })