diff --git a/images/op-pipeline-builder.png b/images/op-pipeline-builder.png
index 362b7adcfa..9b19bebe78 100644
Binary files a/images/op-pipeline-builder.png and b/images/op-pipeline-builder.png differ
diff --git a/modules/op-constructing-pipelines-using-pipeline-builder.adoc b/modules/op-constructing-pipelines-using-pipeline-builder.adoc
index 0a008301ef..f886cf3819 100644
--- a/modules/op-constructing-pipelines-using-pipeline-builder.adoc
+++ b/modules/op-constructing-pipelines-using-pipeline-builder.adoc
@@ -30,13 +30,29 @@ image::op-pipeline-yaml.png[]
 Configure your pipeline using the *Pipeline Builder*:
 
 .. In the *Name* field, enter a unique name for the pipeline.
-.. In the *Tasks* section, select a task from the *Select Task* list to add a task to the pipeline. In this example, use the *s2i-nodejs* task.
-*** To add sequential tasks to the pipeline, click the plus icon to the right or left of the task, and from the *Select Task* list, select the task you want to add to the pipeline. For this example, use the plus icon to the right of the *s2i-nodejs* task to add an *openshift-client* task.
-*** To add a parallel task to the existing task, click the plus icon displayed next to the task, and from the *Select Task* list, select the parallel task you want to add to the pipeline.
+.. In the *Tasks* section:
+... Click *Add task*.
+... Search for a task using the quick search field and select the required task from the displayed list.
+... Click *Add* or *Install and add*. In this example, use the *s2i-nodejs* task.
++
+[NOTE]
+====
+The search list contains all the Tekton Hub tasks and tasks available in the cluster. Also, if a task is already installed it will show *Add* to add the task whereas it will show *Install and add* to install and add the task. It will show *Update and add* when you add the same task with an updated version.
+====
+
+*** To add sequential tasks to the pipeline:
+**** Click the plus icon to the right or left of the task -> click *Add task*.
+**** Search for a task using the quick search field and select the required task from the displayed list.
+**** Click *Add* or *Install and add*.
 +
 .Pipeline Builder
 image::op-pipeline-builder.png[]
-+
+
+*** To add a final task:
+**** Click the *Add finally task* -> Click *Add task*.
+**** Search for a task using the quick search field and select the required task from the displayed list.
+**** Click *Add* or *Install and add*.
+
 .. In the *Resources* section, click *Add Resources* to specify the name and type of resources for the pipeline run. These resources are then used by the tasks in the pipeline as inputs and outputs. For this example:
 ... Add an input resource. In the *Name* field, enter `Source`, and then from the *Resource Type* drop-down list, select *Git*.
 ... Add an output resource. In the *Name* field, enter `Img`, and then from the *Resource Type* drop-down list, select *Image*.
@@ -45,7 +61,7 @@ image::op-pipeline-builder.png[]
 ====
 A red icon appears next to the task if a resource is missing.
 ====
-+
+
 .. Optional: The *Parameters* for a task are pre-populated based on the specifications of the task. If required, use the *Add Parameters* link in the *Parameters* section to add additional parameters.
 
 .. In the *Workspaces* section, click *Add workspace* and enter a unique workspace name in the *Name* field. You can add multiple workspaces to the pipeline.