diff --git a/packages/web/hooks/useToast.ts b/packages/web/hooks/useToast.ts
index 533cd4a8b66..4cf08898320 100644
--- a/packages/web/hooks/useToast.ts
+++ b/packages/web/hooks/useToast.ts
@@ -1,14 +1,17 @@
 import { useToast as uToast, UseToastOptions } from '@chakra-ui/react';
-import { useCallback, useMemo } from 'react';
+import { CSSProperties, useCallback } from 'react';
+
+export const useToast = (props?: UseToastOptions & { containerStyle?: CSSProperties }) => {
+  const { containerStyle, ...toastProps } = props || {};
 
-export const useToast = (props?: UseToastOptions) => {
   const toast = uToast({
     position: 'top',
     duration: 2000,
     containerStyle: {
-      fontSize: 'sm'
+      fontSize: 'sm',
+      ...containerStyle
     },
-    ...props
+    ...toastProps
   });
 
   const myToast = useCallback(
diff --git a/projects/app/src/pages/app/detail/components/Workflow/components/SaveButton.tsx b/projects/app/src/pages/app/detail/components/Workflow/components/SaveButton.tsx
index e84175f4ab3..d5ff762f77f 100644
--- a/projects/app/src/pages/app/detail/components/Workflow/components/SaveButton.tsx
+++ b/projects/app/src/pages/app/detail/components/Workflow/components/SaveButton.tsx
@@ -25,7 +25,12 @@ const SaveButton = ({
 }) => {
   const { t } = useTranslation();
   const [isSave, setIsSave] = useState(false);
-  const { toast } = useToast();
+  const { toast } = useToast({
+    containerStyle: {
+      mt: 20,
+      fontSize: 'sm'
+    }
+  });
 
   const {
     isOpen: isSaveAndPublishModalOpen,
diff --git a/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/components/SaveAndPublish.tsx b/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/components/SaveAndPublish.tsx
index 2075ac15629..3be77c5bba2 100644
--- a/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/components/SaveAndPublish.tsx
+++ b/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/components/SaveAndPublish.tsx
@@ -20,7 +20,12 @@ const SaveAndPublishModal = ({
   onClickSave: (data: { isPublish: boolean; versionName: string }) => Promise<void>;
 }) => {
   const { t } = useTranslation();
-  const { toast } = useToast();
+  const { toast } = useToast({
+    containerStyle: {
+      mt: 20,
+      fontSize: 'sm'
+    }
+  });
   const { register, handleSubmit } = useForm<FormType>({
     defaultValues: {
       versionName: formatTime2YMDHMS(new Date()),