diff --git a/package-lock.json b/package-lock.json
index f863a14d..bcbed1d4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,6 +9,7 @@
       "version": "0.3.9",
       "dependencies": {
         "@babylonlabs-io/babylon-proto-ts": "0.0.3-canary.3",
+        "@babylonlabs-io/bbn-core-ui": "^0.0.9",
         "@babylonlabs-io/btc-staking-ts": "0.4.0-canary.2",
         "@bitcoin-js/tiny-secp256k1-asmjs": "2.2.3",
         "@bitcoinerlab/secp256k1": "^1.1.1",
@@ -1997,9 +1998,9 @@
       "license": "MIT"
     },
     "node_modules/@babel/runtime": {
-      "version": "7.24.8",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.24.8.tgz",
-      "integrity": "sha512-5F7SDGs1T72ZczbRwbGO9lQi0NLjQxzl6i4lJxLxfW9U5UluCSyEJeniWvnhl3/euNiqQVbo8zruhsDfid0esA==",
+      "version": "7.26.0",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.26.0.tgz",
+      "integrity": "sha512-FDSOghenHTiToteC/QRlv2q3DhPZ/oOXTBoirfWNx1Cx3TMVcGWQtMMmQcSvb/JjpNeGzx8Pq/b4fKEJuWm1sw==",
       "license": "MIT",
       "dependencies": {
         "regenerator-runtime": "^0.14.0"
@@ -2072,6 +2073,16 @@
       "integrity": "sha512-UNtPCbrwrenpmrXuRwn9jYpPoweNXj8X5sMvYgsqYyaH8jQ6LfUJSk3dJLnBK+6sfYPrF4iAIo5sd5HQ+tg75A==",
       "license": "(Apache-2.0 AND BSD-3-Clause)"
     },
+    "node_modules/@babylonlabs-io/bbn-core-ui": {
+      "version": "0.0.9",
+      "resolved": "https://registry.npmjs.org/@babylonlabs-io/bbn-core-ui/-/bbn-core-ui-0.0.9.tgz",
+      "integrity": "sha512-SF41ESMuNTF1OZEAhtybIh+aOepY7VuQIyysukbSyb4ZHXWZNpxorclJu8JjGrCEIev0Ui8C9mEECZ0Slw88fA==",
+      "peerDependencies": {
+        "react": "^18.3.1",
+        "react-dom": "^18.3.1",
+        "tailwind-merge": "^2.5.4"
+      }
+    },
     "node_modules/@babylonlabs-io/btc-staking-ts": {
       "version": "0.4.0-canary.2",
       "resolved": "https://registry.npmjs.org/@babylonlabs-io/btc-staking-ts/-/btc-staking-ts-0.4.0-canary.2.tgz",
@@ -6936,9 +6947,9 @@
       }
     },
     "node_modules/@types/prop-types": {
-      "version": "15.7.12",
-      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.12.tgz",
-      "integrity": "sha512-5zvhXYtRNRluoE/jAp4GVsSduVUzNWKkOZrCDBWYtE7biZywwdC2AcEzg+cSMLFRfVgeAFqpfNabiPjxFddV1Q==",
+      "version": "15.7.13",
+      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.13.tgz",
+      "integrity": "sha512-hCZTSvwbzWGvhqxp/RqVqwU999pBf2vp7hzIjiYOsl8wqOmUxkQ6ddw1cV3l8811+kdUFus/q4d1Y3E3SyEifA==",
       "devOptional": true,
       "license": "MIT"
     },
@@ -18059,9 +18070,9 @@
       "license": "MIT"
     },
     "node_modules/tailwind-merge": {
-      "version": "2.5.2",
-      "resolved": "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-2.5.2.tgz",
-      "integrity": "sha512-kjEBm+pvD+6eAwzJL2Bi+02/9LFLal1Gs61+QB7HvTfQQ0aXwC5LGT8PEt1gS0CWKktKe6ysPTAy3cBC5MeiIg==",
+      "version": "2.5.4",
+      "resolved": "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-2.5.4.tgz",
+      "integrity": "sha512-0q8cfZHMu9nuYP/b5Shb7Y7Sh1B7Nnl5GqNr1U+n2p6+mybvRtayrQ+0042Z5byvTA8ihjlP8Odo8/VnHbZu4Q==",
       "license": "MIT",
       "funding": {
         "type": "github",
diff --git a/package.json b/package.json
index 71c0fd3a..b0b73b5a 100644
--- a/package.json
+++ b/package.json
@@ -26,6 +26,7 @@
   },
   "dependencies": {
     "@babylonlabs-io/babylon-proto-ts": "0.0.3-canary.3",
+    "@babylonlabs-io/bbn-core-ui": "^0.0.9",
     "@babylonlabs-io/btc-staking-ts": "0.4.0-canary.2",
     "@bitcoin-js/tiny-secp256k1-asmjs": "2.2.3",
     "@bitcoinerlab/secp256k1": "^1.1.1",
diff --git a/src/app/components/Modals/WithdrawV2Modal.tsx b/src/app/components/Modals/WithdrawV2Modal.tsx
new file mode 100644
index 00000000..614ae9d1
--- /dev/null
+++ b/src/app/components/Modals/WithdrawV2Modal.tsx
@@ -0,0 +1,61 @@
+import {
+  Button,
+  Dialog,
+  DialogBody,
+  DialogFooter,
+  DialogHeader,
+  Text,
+} from "@babylonlabs-io/bbn-core-ui";
+
+import { getNetworkConfig } from "@/config/network.config";
+interface UnbondModalProps {
+  open: boolean;
+  onClose: () => void;
+  onProceed: () => void;
+  awaitingWalletResponse: boolean;
+}
+
+const { networkName } = getNetworkConfig();
+
+export const WithdrawModalV2 = ({
+  open,
+  onClose,
+  onProceed,
+  awaitingWalletResponse,
+}: UnbondModalProps) => {
+  const title = "Withdraw";
+  const content = (
+    <>
+      You are about to withdraw your stake. <br /> A transaction fee will be
+      deduced from your stake by the {networkName} network
+    </>
+  );
+
+  return (
+    <Dialog open={open} onClose={onClose}>
+      <DialogHeader className="text-primary-main" onClose={onClose}>
+        {title}
+      </DialogHeader>
+      <DialogBody className="pb-8 pt-4 text-primary-dark">
+        <Text variant="body1">{content}</Text>
+      </DialogBody>
+      <DialogFooter className="flex gap-4">
+        <Button
+          variant="outlined"
+          color="primary"
+          onClick={onClose}
+          className="flex-1"
+        >
+          Cancel
+        </Button>
+        <Button variant="contained" onClick={onProceed} className="flex-1">
+          {awaitingWalletResponse ? (
+            <span className="loading loading-spinner loading-xs text-white" />
+          ) : (
+            "Proceed"
+          )}
+        </Button>
+      </DialogFooter>
+    </Dialog>
+  );
+};
diff --git a/src/app/globals.css b/src/app/globals.css
index e097447c..55055f80 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -1,6 +1,7 @@
 @import "react-responsive-modal/styles.css";
 @import "react-tooltip/dist/react-tooltip.css";
 @import "react-toastify/dist/ReactToastify.css";
+@import "@babylonlabs-io/bbn-core-ui/dist/style.css";
 
 @tailwind base;
 @tailwind components;