diff --git a/packages/pancake-liquidity-widgets/package.json b/packages/pancake-liquidity-widgets/package.json
index 3abe4a2ee9..8fe37e9d4e 100644
--- a/packages/pancake-liquidity-widgets/package.json
+++ b/packages/pancake-liquidity-widgets/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@kyberswap/pancake-liquidity-widgets",
-  "version": "2.0.5",
+  "version": "2.0.6",
   "license": "MIT",
   "type": "module",
   "exports": {
diff --git a/packages/pancake-liquidity-widgets/src/components/Content/index.tsx b/packages/pancake-liquidity-widgets/src/components/Content/index.tsx
index 5a12f4488b..e8ae48d584 100644
--- a/packages/pancake-liquidity-widgets/src/components/Content/index.tsx
+++ b/packages/pancake-liquidity-widgets/src/components/Content/index.tsx
@@ -63,6 +63,7 @@ export default function Content({
     positionId,
     degenMode,
     revertPrice,
+    getZapRoute,
   } = useZapState();
   const {
     pool,
@@ -311,6 +312,11 @@ export default function Content({
     if (tickLower === null && tickUpper === null && pool) selectPriceRange(0.2);
   }, [pool, selectPriceRange, tickLower, tickUpper]);
 
+  const onDismissPreview = useCallback(() => {
+    setSnapshotState(null);
+    getZapRoute?.();
+  }, [getZapRoute]);
+
   return (
     <>
       {loadPoolError && (
@@ -328,13 +334,13 @@ export default function Content({
         </Modal>
       )}
       {snapshotState && (
-        <Modal isOpen onClick={() => setSnapshotState(null)}>
+        <Modal isOpen onClick={onDismissPreview}>
           <div className="flex justify-between text-xl font-medium">
             <div>{positionId ? "Increase" : "Add"} Liquidity via Zap</div>
             <div
               className="cursor-pointer"
               role="button"
-              onClick={() => setSnapshotState(null)}
+              onClick={onDismissPreview}
             >
               <X />
             </div>
@@ -344,9 +350,7 @@ export default function Content({
             onTxSubmit={onTxSubmit}
             checkNftApproval={checkNftApproval}
             zapState={snapshotState}
-            onDismiss={() => {
-              setSnapshotState(null);
-            }}
+            onDismiss={onDismissPreview}
           />
         </Modal>
       )}
diff --git a/packages/pancake-liquidity-widgets/src/hooks/useZapInState.tsx b/packages/pancake-liquidity-widgets/src/hooks/useZapInState.tsx
index 2da56ab166..872f98b932 100644
--- a/packages/pancake-liquidity-widgets/src/hooks/useZapInState.tsx
+++ b/packages/pancake-liquidity-widgets/src/hooks/useZapInState.tsx
@@ -61,6 +61,7 @@ const ZapContext = createContext<{
   positionId?: string;
   marketPrice: number | undefined | null;
   source: string;
+  getZapRoute: () => void;
 }>({
   revertPrice: false,
   tickLower: null,
@@ -86,6 +87,7 @@ const ZapContext = createContext<{
   setDegenMode: () => {},
   marketPrice: undefined,
   source: "",
+  getZapRoute: () => {},
 });
 
 export const ZapContextProvider = ({
@@ -371,8 +373,7 @@ export const ZapContextProvider = ({
     });
   }, [chainId, pool]);
 
-  // get zap route
-  useEffect(() => {
+  const getZapRoute = useCallback(() => {
     if (
       debounceTickLower !== null &&
       debounceTickUpper !== null &&
@@ -499,6 +500,11 @@ export const ZapContextProvider = ({
     poolType,
   ]);
 
+  // get zap route
+  useEffect(() => {
+    getZapRoute();
+  }, [getZapRoute]);
+
   return (
     <ZapContext.Provider
       value={{
@@ -527,6 +533,7 @@ export const ZapContextProvider = ({
         setDegenMode,
         marketPrice,
         source,
+        getZapRoute,
       }}
     >
       {children}