diff --git a/ui-ngx/src/app/shared/components/dialog/confirm-dialog.component.html b/ui-ngx/src/app/shared/components/dialog/confirm-dialog.component.html
index 3422e983e2..dadf6d0635 100644
--- a/ui-ngx/src/app/shared/components/dialog/confirm-dialog.component.html
+++ b/ui-ngx/src/app/shared/components/dialog/confirm-dialog.component.html
@@ -15,7 +15,7 @@
     limitations under the License.
 
 -->
-<h2 mat-dialog-title>{{data.title}}</h2>
+<h2 mat-dialog-title class="dialog-title" tbTruncateWithTooltip>{{data.title}}</h2>
 <div mat-dialog-content [innerHTML]="data.message | safe: 'html'"></div>
 <div mat-dialog-actions fxLayoutAlign="end center">
   <button mat-button color="primary" [mat-dialog-close]="false">{{data.cancel}}</button>
diff --git a/ui-ngx/src/app/shared/components/dialog/confirm-dialog.component.scss b/ui-ngx/src/app/shared/components/dialog/confirm-dialog.component.scss
index 5d17e091d5..7ecfdcb3f3 100644
--- a/ui-ngx/src/app/shared/components/dialog/confirm-dialog.component.scss
+++ b/ui-ngx/src/app/shared/components/dialog/confirm-dialog.component.scss
@@ -17,4 +17,8 @@
   .mat-mdc-dialog-content {
     padding: 0 24px 24px;
   }
+
+  .dialog-title {
+    max-width: 80vw;
+  }
 }