diff --git a/packages/zarm/src/toast/Toast.tsx b/packages/zarm/src/toast/Toast.tsx
index f5d6d78ca..c5a9220d3 100644
--- a/packages/zarm/src/toast/Toast.tsx
+++ b/packages/zarm/src/toast/Toast.tsx
@@ -48,6 +48,7 @@ const Toast = React.forwardRef<HTMLDivElement, ToastProps>((props, ref) => {
       }}
       maskColor={maskColor}
       lockScroll={!maskClickable}
+      className={bem('wrapper')}
       {...rest}
     >
       <div
diff --git a/packages/zarm/src/toast/style/component.scss b/packages/zarm/src/toast/style/component.scss
index f5af5f99b..0aae09777 100644
--- a/packages/zarm/src/toast/style/component.scss
+++ b/packages/zarm/src/toast/style/component.scss
@@ -20,12 +20,18 @@
   align-items: center;
   display: flex;
 
+  @include e(wrapper) {
+    pointer-events: none;
+  }
+
   @include m(text) {
     padding: var(--za-padding-v-md) var(--za-padding-h-md);
+    pointer-events: all;
   }
 
   @include m(icon) {
     padding: 15px;
+    pointer-events: all;
 
     @include e(text) {
       min-width: 70px;