diff --git a/lib/core/form/components/form-renderer.component.scss b/lib/core/form/components/form-renderer.component.scss
index d110656833..577c741014 100644
--- a/lib/core/form/components/form-renderer.component.scss
+++ b/lib/core/form/components/form-renderer.component.scss
@@ -40,10 +40,18 @@
             & .mat-form-field-wrapper {
                 margin: 0 12px 0 0;
             }
+
+            & h4 {
+                margin-right: 55px;
+                display: grid;
+            }
         }
 
         &-form-title {
             font-size: mat-font-size($alfresco-typography, title);
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
         }
 
         &-form-debug-container {
@@ -125,3 +133,4 @@
     }
 
 }
+
diff --git a/lib/process-services-cloud/src/lib/form/components/form-cloud.component.html b/lib/process-services-cloud/src/lib/form/components/form-cloud.component.html
index 7eb246ab38..daafd50875 100644
--- a/lib/process-services-cloud/src/lib/form/components/form-cloud.component.html
+++ b/lib/process-services-cloud/src/lib/form/components/form-cloud.component.html
@@ -20,7 +20,7 @@
                             <mat-icon>refresh</mat-icon>
                         </button>
                     </div>
-                    <span *ngIf="isTitleEnabled()" class="adf-form-title">
+                    <span *ngIf="isTitleEnabled()" class="adf-form-title" [matTooltip]="form.taskName">
                         {{form.taskName}}
                         <ng-container *ngIf="!form.taskName">
                             {{'FORM.FORM_RENDERER.NAMELESS_TASK' | translate}}
diff --git a/lib/process-services/src/lib/form/form.component.html b/lib/process-services/src/lib/form/form.component.html
index 116db6e634..5088c2c255 100644
--- a/lib/process-services/src/lib/form/form.component.html
+++ b/lib/process-services/src/lib/form/form.component.html
@@ -20,13 +20,12 @@
                             <mat-icon>refresh</mat-icon>
                         </button>
                     </div>
-                    <span *ngIf="isTitleEnabled()" class="adf-form-title">
+                    <span *ngIf="isTitleEnabled()" class="adf-form-title" [matTooltip]="form.taskName">
                         {{form.taskName}}
                         <ng-container *ngIf="!form.taskName">
                             {{'FORM.FORM_RENDERER.NAMELESS_TASK' | translate}}
                         </ng-container>
                     </span>
-
                 </h4>
             </mat-card-title>
         </mat-card-header>
diff --git a/lib/process-services/src/lib/form/start-form.component.scss b/lib/process-services/src/lib/form/start-form.component.scss
index 098ef93a95..2e468728ee 100644
--- a/lib/process-services/src/lib/form/start-form.component.scss
+++ b/lib/process-services/src/lib/form/start-form.component.scss
@@ -38,10 +38,6 @@
             & .mat-form-field-wrapper {
                 margin: 0 12px 0 0;
             }
-
-            h4 {
-                margin-right: 55px;
-            }
         }
 
         &-form-title {