diff --git a/style/mobile/components/popup/v2/_index.less b/style/mobile/components/popup/v2/_index.less
index 05833cfd52..154d9c291b 100644
--- a/style/mobile/components/popup/v2/_index.less
+++ b/style/mobile/components/popup/v2/_index.less
@@ -69,13 +69,8 @@
       opacity: 0;
     }
   }
-}
-
-.@{prefix}-overflow-hidden {
-  overflow: hidden;
-  cursor: not-allowed;
 
-  * {
-    pointer-events: none;
+  &-overflow-hidden {
+    overflow: hidden;
   }
 }
diff --git a/style/mobile/components/toast/v2/_index.less b/style/mobile/components/toast/v2/_index.less
index 8f7c79ed44..1c067d444e 100644
--- a/style/mobile/components/toast/v2/_index.less
+++ b/style/mobile/components/toast/v2/_index.less
@@ -2,7 +2,7 @@
 
 @import "./_var.less";
 
-.@{prefix}-toast {
+.@{toast} {
   position: fixed;
   left: 50%;
   transform: translate(-50%, -50%);
@@ -85,13 +85,13 @@
   &.@{prefix}-fade-leave-to {
     opacity: 0;
   }
-}
 
-.@{prefix}-overflow-hidden {
-  overflow: hidden;
-  cursor: not-allowed;
+  &-overflow-hidden {
+    overflow: hidden;
+    cursor: not-allowed;
 
-  * {
-    pointer-events: none;
+    * {
+      pointer-events: none;
+    }
   }
 }
diff --git a/style/mobile/components/toast/v2/_var.less b/style/mobile/components/toast/v2/_var.less
index eea68a4c20..3d3390f22e 100644
--- a/style/mobile/components/toast/v2/_var.less
+++ b/style/mobile/components/toast/v2/_var.less
@@ -1,3 +1,4 @@
+@toast: ~"@{prefix}-toast";
 @toast-color: var(--td-toast-color, @font-white-1);
 @toast-bg-color: var(--td-toast-bg-color, @font-gray-1);
 @toast-max-width: var(--td-toast-max-width, 187px);