diff --git a/demo-shell/src/app/components/cloud/community/community-task-details-cloud.component.scss b/demo-shell/src/app/components/cloud/community/community-task-details-cloud.component.scss
index e97ca949e4..e3cc8d8c52 100644
--- a/demo-shell/src/app/components/cloud/community/community-task-details-cloud.component.scss
+++ b/demo-shell/src/app/components/cloud/community/community-task-details-cloud.component.scss
@@ -5,7 +5,7 @@
         display: flex;
     }
 
-    &-task-tiitle {
+    &-task-title {
         margin-left:15px;
     }
 
diff --git a/demo-shell/src/app/components/cloud/task-details-cloud-demo.component.scss b/demo-shell/src/app/components/cloud/task-details-cloud-demo.component.scss
index e97ca949e4..e3cc8d8c52 100644
--- a/demo-shell/src/app/components/cloud/task-details-cloud-demo.component.scss
+++ b/demo-shell/src/app/components/cloud/task-details-cloud-demo.component.scss
@@ -5,7 +5,7 @@
         display: flex;
     }
 
-    &-task-tiitle {
+    &-task-title {
         margin-left:15px;
     }
 
diff --git a/lib/process-services-cloud/src/lib/task/task-header/components/task-header-cloud.component.html b/lib/process-services-cloud/src/lib/task/task-header/components/task-header-cloud.component.html
index f9fa6a5382..ead649fe3e 100644
--- a/lib/process-services-cloud/src/lib/task/task-header/components/task-header-cloud.component.html
+++ b/lib/process-services-cloud/src/lib/task/task-header/components/task-header-cloud.component.html
@@ -1,4 +1,4 @@
-<h3 class="adf-task-tiitle">{{ taskDetails.name }}</h3>
+<h3 class="adf-task-title">{{ taskDetails.name }}</h3>
 
 <div class="adf-task-header-container">
     <mat-card *ngIf="isTaskValid()" class="adf-card-container">