diff --git a/demo-shell/src/app/components/trashcan/trashcan.component.html b/demo-shell/src/app/components/trashcan/trashcan.component.html
index 7fe5280b67..505778b790 100644
--- a/demo-shell/src/app/components/trashcan/trashcan.component.html
+++ b/demo-shell/src/app/components/trashcan/trashcan.component.html
@@ -42,8 +42,8 @@
- {{ 'TRASHCAN.EMPTY_STATE.FIRST_TEXT' | translate }}
- {{ 'TRASHCAN.EMPTY_STATE.SECOND_TEXT' | translate }}
+ {{ 'TRASHCAN.EMPTY_STATE.FIRST_TEXT' | translate }}
+ {{ 'TRASHCAN.EMPTY_STATE.SECOND_TEXT' | translate }}
diff --git a/e2e/pages/adf/process-cloud/processListCloudComponent.ts b/e2e/pages/adf/process-cloud/processListCloudComponent.ts
index 35ffc44063..ab4e24ea0b 100644
--- a/e2e/pages/adf/process-cloud/processListCloudComponent.ts
+++ b/e2e/pages/adf/process-cloud/processListCloudComponent.ts
@@ -22,7 +22,7 @@ import { element, by } from 'protractor';
export class ProcessListCloudComponent {
processList = element(by.css('adf-cloud-process-list'));
- noProcessFound = element.all(by.css("p[class='adf-empty-content__title']")).first();
+ noProcessFound = element.all(by.css("div[class='adf-empty-content__title']")).first();
dataTable = new DataTableComponentPage(this.processList);
diff --git a/e2e/pages/adf/process-cloud/taskListCloudComponent.ts b/e2e/pages/adf/process-cloud/taskListCloudComponent.ts
index bcdfefe8e3..bb3bfffc94 100644
--- a/e2e/pages/adf/process-cloud/taskListCloudComponent.ts
+++ b/e2e/pages/adf/process-cloud/taskListCloudComponent.ts
@@ -26,7 +26,7 @@ let column = {
export class TaskListCloudComponent {
taskList = element(by.css('adf-cloud-task-list'));
- noTasksFound = element.all(by.css("p[class='adf-empty-content__title']")).first();
+ noTasksFound = element.all(by.css("div[class='adf-empty-content__title']")).first();
dataTable = new DataTableComponentPage(this.taskList);
diff --git a/e2e/pages/adf/process-services/processFiltersPage.ts b/e2e/pages/adf/process-services/processFiltersPage.ts
index 5eb54c4186..70df30722b 100644
--- a/e2e/pages/adf/process-services/processFiltersPage.ts
+++ b/e2e/pages/adf/process-services/processFiltersPage.ts
@@ -31,7 +31,7 @@ export class ProcessFiltersPage {
processesPage = element(by.css('div[class="adf-grid"] > div[class="adf-grid-item adf-processes-menu"]'));
accordionMenu = element(by.css('.adf-processes-menu mat-accordion'));
buttonWindow = element(by.css('div > button[data-automation-id="btn-start-process"] > div'));
- noContentMessage = element.all(by.css('p[class="adf-empty-content__title"]')).first();
+ noContentMessage = element.all(by.css('div[class="adf-empty-content__title"]')).first();
rows = by.css('adf-process-instance-list div[class="adf-datatable-body"] div[class*="adf-datatable-row"]');
tableBody = element.all(by.css('adf-datatable div[class="adf-datatable-body"]')).first();
nameColumn = by.css('div[class*="adf-datatable-body"] div[class*="adf-datatable-row"] div[title="Name"] span');
diff --git a/e2e/pages/adf/process-services/processListPage.ts b/e2e/pages/adf/process-services/processListPage.ts
index 1c2a2be6a5..ae161b1571 100644
--- a/e2e/pages/adf/process-services/processListPage.ts
+++ b/e2e/pages/adf/process-services/processListPage.ts
@@ -20,7 +20,7 @@ import { element, by } from 'protractor';
export class ProcessListPage {
- processListTitle = element.all(by.css("p[class='adf-empty-content__title']")).first();
+ processListTitle = element.all(by.css("div[class='adf-empty-content__title']")).first();
processInstanceList = element(by.css('adf-process-instance-list'));
checkProcessListTitleIsDisplayed() {
diff --git a/e2e/pages/adf/process-services/tasksListPage.ts b/e2e/pages/adf/process-services/tasksListPage.ts
index 801a0e03f9..ecd5338af6 100644
--- a/e2e/pages/adf/process-services/tasksListPage.ts
+++ b/e2e/pages/adf/process-services/tasksListPage.ts
@@ -22,7 +22,7 @@ import { by, element } from 'protractor';
export class TasksListPage {
taskList = element(by.css('adf-tasklist'));
- noTasksFound = element.all(by.css("p[class='adf-empty-content__title']")).first();
+ noTasksFound = element.all(by.css("div[class='adf-empty-content__title']")).first();
dataTable = new DataTableComponentPage(this.taskList);
getDataTable() {
diff --git a/lib/core/templates/empty-content/empty-content.component.html b/lib/core/templates/empty-content/empty-content.component.html
index 67ac339d12..e16282db2e 100644
--- a/lib/core/templates/empty-content/empty-content.component.html
+++ b/lib/core/templates/empty-content/empty-content.component.html
@@ -1,6 +1,6 @@
{{ icon }}
-
{{ title | translate }}
-
{{ subtitle | translate }}
+
{{ title | translate }}
+
{{ subtitle | translate }}
diff --git a/lib/core/templates/empty-content/empty-content.component.scss b/lib/core/templates/empty-content/empty-content.component.scss
index 8001f856bd..8c63bdadff 100644
--- a/lib/core/templates/empty-content/empty-content.component.scss
+++ b/lib/core/templates/empty-content/empty-content.component.scss
@@ -19,6 +19,9 @@
font-size: 18px;
font-weight: 600;
line-height: 0;
+ white-space: normal;
+ text-align: center;
+ margin: 10px 0;
}
&__subtitle,
@@ -26,6 +29,8 @@
font-size: 14px;
font-weight: 300;
line-height: inherit;
+ white-space: normal;
+ text-align: center;
}
}
}