diff --git a/package.json b/package.json
index 9c99c05909..18ab314739 100644
--- a/package.json
+++ b/package.json
@@ -124,8 +124,8 @@
         "@babel/preset-typescript": "^7.24.7",
         "@babel/template": "^7.24.7",
         "@babel/types": "^7.24.7",
-        "@box/blueprint-web": "12.43.0",
-        "@box/blueprint-web-assets": "4.61.5",
+        "@box/blueprint-web": "^12.64.2",
+        "@box/blueprint-web-assets": "^4.65.0",
         "@box/box-ai-agent-selector": "^0.53.0",
         "@box/box-ai-content-answers": "^0.139.0",
         "@box/box-item-type-selector": "^0.63.12",
@@ -293,8 +293,8 @@
         "webpack-dev-server": "^5.2.1"
     },
     "peerDependencies": {
-        "@box/blueprint-web": "12.43.0",
-        "@box/blueprint-web-assets": "4.61.5",
+        "@box/blueprint-web": "^12.64.2",
+        "@box/blueprint-web-assets": "^4.65.0",
         "@box/box-ai-agent-selector": "^0.53.0",
         "@box/box-ai-content-answers": "^0.139.0",
         "@box/box-item-type-selector": "^0.63.12",
diff --git a/src/elements/common/modal.scss b/src/elements/common/modal.scss
index 7dc4e98a64..58212a9d6c 100644
--- a/src/elements/common/modal.scss
+++ b/src/elements/common/modal.scss
@@ -40,6 +40,45 @@
 .be-modal-rename .be-modal-dialog-content,
 .be-modal-share .be-modal-dialog-content,
 .be-modal-delete .be-modal-dialog-content {
+    /*
+        These tokens are pasted from blueprint modal.module.scss.
+        We need these because we use a custom modal component instead of the Blueprint modal root component.
+        This should be removed once we can fully migrate to the Blueprint component.
+    */
+    --modal-overlay-background: var(--overlay-modal-overlay);
+    --modal-content-background: var(--gray-white);
+    --modal-min-width-non-fullscreen: calc(460px - 2 * var(--space-8));
+    --modal-max-height-non-fullscreen: calc(100vh - 2 * var(--space-8));
+    --modal-max-width-small: 460px;
+    --modal-max-width-medium: 540px;
+    --modal-max-width-large: 620px;
+    --modal-max-width-xlarge: 768px;
+    --modal-margin: 0 var(--space-8);
+    --modal-border-radius: var(--radius-4);
+    --modal-close-button-color: var(--gray-65);
+    --modal-close-button-offset-top: var(--space-4);
+    --modal-close-button-offset-right: var(--space-4);
+    --modal-close-button-on-color-background: var(--surface-cta-surface-tertiary);
+    --modal-close-button-on-color-background-hover: var(--surface-cta-surface-icon-hover);
+    --modal-close-button-on-color-background-pressed: var(--surface-cta-surface-icon-pressed);
+    --modal-back-button-color: var(--gray-65);
+    --modal-back-button-margin-top-start: var(--space-4);
+    --modal-back-button-margin-inline-start: var(--space-4);
+    --modal-back-button-size-non-fullscreen: var(--size-10);
+    --modal-title-gap: var(--space-2);
+    --modal-title-padding: var(--space-5) var(--space-12) var(--space-5) var(--space-4);
+    --modal-title-padding-non-fullscreen: var(--space-6) var(--space-16) var(--space-6) var(--space-6);
+    --modal-body-padding: var(--space-6) var(--space-4) var(--space-4);
+    --modal-body-padding-non-fullscreen: var(--space-6) var(--space-6) var(--space-4);
+    --modal-divider-line-border: var(--border-1) solid var(--border-divider-border);
+    --modal-divider-line-offset-right: var(--space-4);
+    --modal-divider-line-offset-left: var(--space-4);
+    --modal-divider-line-offset-right-non-fullscreen: var(--space-6);
+    --modal-divider-line-offset-left-non-fullscreen: var(--space-6);
+    --modal-footer-padding: var(--space-4);
+    --modal-footer-padding-non-fullscreen: var(--space-6);
+    --modal-footer-button-margin-inline-start: var(--space-3);
+
     padding: 0;
     border-radius: var(--radius-4);
 }
diff --git a/yarn.lock b/yarn.lock
index befd7d8610..29019f6442 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1419,24 +1419,19 @@
   resolved "https://registry.yarnpkg.com/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz#75a2e8b51cb758a7553d6804a5932d7aace75c39"
   integrity sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==
 
-"@box/blueprint-web-assets@4.61.5":
-  version "4.61.5"
-  resolved "https://registry.yarnpkg.com/@box/blueprint-web-assets/-/blueprint-web-assets-4.61.5.tgz#7e2813fc39f8940f63881ed24df1f8509f340c27"
-  integrity sha512-BFQ8ek2y/tPVWuq1tDxPJfuFgLQsYlGxtas5k/bKHDK5XBQrfktPqzusqjif9doVERhB/pKWZ34XMNmjVtzHzA==
+"@box/blueprint-web-assets@^4.65.0":
+  version "4.65.1"
+  resolved "https://registry.yarnpkg.com/@box/blueprint-web-assets/-/blueprint-web-assets-4.65.1.tgz#1b04a960667ff633bec51aab47a22d40834cc37c"
+  integrity sha512-7SrAXmp76TgVAryIgekEhGkToWf6ALD24RxeJWS+NO11fGT0OdLfSM7rs1QvUPQ2IXMe3QRfrK+Mc9kFUEMuOg==
 
-"@box/blueprint-web-assets@^4.60.0":
-  version "4.62.1"
-  resolved "https://registry.yarnpkg.com/@box/blueprint-web-assets/-/blueprint-web-assets-4.62.1.tgz#76e870dfeadf7d985c275c2b1371a3c5af60f0ad"
-  integrity sha512-ftIs27yZhIXsVt/88BR5+j4gxe01/td5o5qDTZpUrvUL1Kr1DTGP71xkZx7Jaor0tazcWZUfibmEfN97KJ2Yyw==
-
-"@box/blueprint-web@12.43.0":
-  version "12.43.0"
-  resolved "https://registry.yarnpkg.com/@box/blueprint-web/-/blueprint-web-12.43.0.tgz#9febd397c1d5d4cfee936dd070a50a0b352eadcc"
-  integrity sha512-PQ3eAwhE+J2XalLIwQ67TKC1wwpszOM+MYYRzv3Xs/occm0uCeS5ry9F8tsA7KTjHsGSlbR4lIlmycKOBIwv5w==
+"@box/blueprint-web@^12.64.2":
+  version "12.64.2"
+  resolved "https://registry.yarnpkg.com/@box/blueprint-web/-/blueprint-web-12.64.2.tgz#e0081dc0840e2ffab35a70e3c2d2a86b75574416"
+  integrity sha512-IaYstuyDvcm/FbW6ltyVzQkQJjasjQWUJOH9+wWlvaI+gUO71jLNtgEVwJtPIykXuk53XP3KG/Vii7Am5I17lw==
   dependencies:
     "@ariakit/react" "0.4.15"
     "@ariakit/react-core" "0.4.15"
-    "@box/blueprint-web-assets" "^4.60.0"
+    "@box/blueprint-web-assets" "^4.65.0"
     "@internationalized/date" "^3.7.0"
     "@radix-ui/react-accordion" "1.1.2"
     "@radix-ui/react-checkbox" "1.0.4"