diff --git a/src/components/TransactionDialog/index.tsx b/src/components/TransactionDialog/index.tsx
index f1f00eba..06a4cc01 100644
--- a/src/components/TransactionDialog/index.tsx
+++ b/src/components/TransactionDialog/index.tsx
@@ -70,7 +70,7 @@ function TransactionDialog({
           Preview Route
         </button>
         {isOpen && (
-          <div className="absolute inset-0 bg-white rounded-3xl">
+          <div className="absolute inset-0 bg-white rounded-3xl animate-fade-zoom-in">
             {route && (
               <TransactionDialogContent
                 route={route}