diff --git a/packages/components/alert/src/alert.vue b/packages/components/alert/src/alert.vue
index 16013e1061..b4072df4f9 100644
--- a/packages/components/alert/src/alert.vue
+++ b/packages/components/alert/src/alert.vue
@@ -1,5 +1,5 @@
 <template>
-  <transition name="el-alert-fade">
+  <transition :name="ns.b('fade')">
     <div
       v-show="visible"
       :class="[ns.b(), ns.m(type), ns.is('center', center), ns.is(effect)]"
diff --git a/packages/components/badge/src/badge.vue b/packages/components/badge/src/badge.vue
index d78acbc8f9..392ddaa22d 100644
--- a/packages/components/badge/src/badge.vue
+++ b/packages/components/badge/src/badge.vue
@@ -1,7 +1,7 @@
 <template>
   <div :class="ns.b()">
     <slot></slot>
-    <transition name="el-zoom-in-center">
+    <transition :name="`${ns.namespace.value}-zoom-in-center`">
       <sup
         v-show="!hidden && (content || content === '0' || isDot)"
         :class="[