diff --git a/src/toast/Toast.tsx b/src/toast/Toast.tsx
index f329c5e4a..e2164f02a 100644
--- a/src/toast/Toast.tsx
+++ b/src/toast/Toast.tsx
@@ -18,10 +18,10 @@ export default createComponent({
   props: {
     icon: String,
     show: Boolean,
+    overlay: Boolean,
     message: [Number, String],
     className: UnknownProp,
     iconPrefix: String,
-    lockScroll: Boolean,
     loadingType: String as PropType<LoadingType>,
     forbidClick: Boolean,
     overlayClass: UnknownProp,
@@ -126,6 +126,7 @@ export default createComponent({
           bem([props.position, { [props.type]: !props.icon }]),
           props.className,
         ]}
+        overlay={props.overlay}
         lockScroll={false}
         transition={props.transition}
         overlayClass={props.overlayClass}
diff --git a/src/toast/test/index.spec.ts b/src/toast/test/index.spec.ts
index c5914d295..dc32aa664 100644
--- a/src/toast/test/index.spec.ts
+++ b/src/toast/test/index.spec.ts
@@ -1,11 +1,11 @@
 import Toast from '../Toast';
-import { mount , later } from '../../../test';
-
+import { mount, later } from '../../../test';
 
 test('should change overlay style after using overlay-style prop', async () => {
   const wrapper = mount(Toast, {
     props: {
       show: true,
+      overlay: true,
       overlayStyle: {
         background: 'red',
       },
@@ -32,6 +32,7 @@ test('should close Toast when using closeOnClickOverlay prop and overlay is clic
   const wrapper = mount(Toast, {
     props: {
       show: true,
+      overlay: true,
       closeOnClickOverlay: true,
     },
   });