diff --git a/apps/web/app/lp/page.tsx b/apps/web/app/lp/page.tsx
index aa9b299..8769150 100644
--- a/apps/web/app/lp/page.tsx
+++ b/apps/web/app/lp/page.tsx
@@ -34,7 +34,7 @@ import { useQuery } from "@tanstack/react-query";
 import { getPoolSnapshots } from "@/lib/api";
 import { usePoolChartData } from "@/hooks/usePoolChartData";
 
-const TransactionPending = dynamic(() => import("@/components/shared/TransactionPending"), {
+const TransactionPending = dynamic(() => import("@/components/shared/TransactionPending").then((m) => m.TransactionPending), {
   ssr: false,
   loading: () => (
     <div className="fixed inset-0 flex items-center justify-center z-50 bg-black/50">
@@ -477,7 +477,7 @@ export default function LPDashboard() {
                       <path d={chartLines.areaD} fill="url(#chartGlow)" />
 
                       {/* Line path */}
-                      <path
+                      <motion.path
                         d={chartLines.lineD}
                         fill="transparent"
                         stroke="#00d4aa"