diff --git a/web/src/components/MemoActionMenu.tsx b/web/src/components/MemoActionMenu.tsx
index 32b61f51a..606e367aa 100644
--- a/web/src/components/MemoActionMenu.tsx
+++ b/web/src/components/MemoActionMenu.tsx
@@ -131,7 +131,13 @@ const MemoActionMenu = observer((props: Props) => {
                   ["state"],
                 );
                 toast.dismiss(tToast.id); // close the toast
-                toast.success(t("message.undo-successful")); // optional success toast
+                toast.custom(
+                  (tToast) => (
+                    <div className="flex items-center gap-3 ml-auto bg-primary dark:bg-primary px-2 py-1 rounded-xl shadow text-sm">
+                      <span className="text-background">{t("message.undo-successful")}</span>
+                    </div>
+                  )
+                ); // optional success toast
                 memoUpdatedCallback();
               }}
             >
diff --git a/web/src/locales/en.json b/web/src/locales/en.json
index 2e9a855e3..2ca539be7 100644
--- a/web/src/locales/en.json
+++ b/web/src/locales/en.json
@@ -189,6 +189,7 @@
     "remove-completed-task-list-items-successfully": "The removal was successful",
     "restored-successfully": "Restored successfully",
     "succeed-copy-link": "Link copied successfully.",
+    "undo-successful": "Undo successful",
     "update-succeed": "Update succeeded",
     "user-not-found": "User not found"
   },