diff --git a/ui/src/app/shared/status/status.component.ts b/ui/src/app/shared/status/status.component.ts
index 73cde34f7c..117c1243f0 100644
--- a/ui/src/app/shared/status/status.component.ts
+++ b/ui/src/app/shared/status/status.component.ts
@@ -9,9 +9,7 @@ import { PipelineStatus } from 'app/model/pipeline.model';
})
export class StatusIconComponent {
@Input() status: string;
- @Input() value: string;
@Input() optional: boolean;
- @Input() loader = true;
pipelineStatusEnum = PipelineStatus;
constructor() { }
diff --git a/ui/src/app/shared/status/status.icon.html b/ui/src/app/shared/status/status.icon.html
index 1c939355f1..43fb714eb1 100644
--- a/ui/src/app/shared/status/status.icon.html
+++ b/ui/src/app/shared/status/status.icon.html
@@ -1,10 +1,7 @@
-
- {{value}}
-
-
+
diff --git a/ui/src/app/shared/status/status.spec.ts b/ui/src/app/shared/status/status.spec.ts
index 7162fdda6a..1185244821 100644
--- a/ui/src/app/shared/status/status.spec.ts
+++ b/ui/src/app/shared/status/status.spec.ts
@@ -44,7 +44,7 @@ describe('CDS: Parameter Value Component', () => {
tick(50);
let compiled = fixture.debugElement.nativeElement;
- expect(compiled.querySelector('.blue.loader')).toBeTruthy('Building loader not displayed');
+ expect(compiled.querySelector('#gifloader')).toBeTruthy('Building loader not displayed');
}));
it('should display fail icon', fakeAsync(() => {
diff --git a/ui/src/assets/images/loader.gif b/ui/src/assets/images/loader.gif
new file mode 100644
index 0000000000..2c246bb9e5
Binary files /dev/null and b/ui/src/assets/images/loader.gif differ