diff --git a/ui/packages/components/src/components/modal/Modal.vue b/ui/packages/components/src/components/modal/Modal.vue
index 4c7f603ca..622538f58 100644
--- a/ui/packages/components/src/components/modal/Modal.vue
+++ b/ui/packages/components/src/components/modal/Modal.vue
@@ -236,7 +236,8 @@ watch(
 
       .modal-header-title {
         @apply text-base
-        font-medium;
+        font-medium
+        truncate;
       }
 
       .modal-header-actions {