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 ac5c9f1fab..c9bca14480 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 class="dialog-title" tbTruncateWithTooltip>{{data.title}}</h2>
+<h2 mat-dialog-title tbTruncateWithTooltip>{{data.title}}</h2>
 <div mat-dialog-content [innerHTML]="data.message | safe: 'html'"></div>
 <div mat-dialog-actions class="flex items-center justify-end">
   <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 d2185e1a05..5d17e091d5 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
@@ -13,18 +13,8 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-@import "constants";
-
 :host {
   .mat-mdc-dialog-content {
     padding: 0 24px 24px;
   }
-
-  .dialog-title {
-    max-width: 80vw;
-
-    @media #{$mat-lt-sm} {
-      max-width: 100%;
-    }
-  }
 }