diff --git a/src/ui_ng/lib/src/tag/tag-detail.component.css.ts b/src/ui_ng/lib/src/tag/tag-detail.component.css.ts
index 2db7fb4c4..7c3f062df 100644
--- a/src/ui_ng/lib/src/tag/tag-detail.component.css.ts
+++ b/src/ui_ng/lib/src/tag/tag-detail.component.css.ts
@@ -109,4 +109,7 @@ export const TAG_DETAIL_STYLES: string = `
 .tip-icon-medium {
     color: orange;
 }
+.tip-icon-low{
+    color:yellow;
+}
 `;
\ No newline at end of file
diff --git a/src/ui_ng/lib/src/tag/tag-detail.component.html.ts b/src/ui_ng/lib/src/tag/tag-detail.component.html.ts
index 3833c8ef8..1c41f60ac 100644
--- a/src/ui_ng/lib/src/tag/tag-detail.component.html.ts
+++ b/src/ui_ng/lib/src/tag/tag-detail.component.html.ts
@@ -53,7 +53,7 @@ export const TAG_DETAIL_HTML: string = `
                     </div>
                     <div class="third-column">
                         <div>
-                            <clr-icon shape="play" size="20" class="is-warning rotate-90"></clr-icon>
+                            <clr-icon shape="play" size="20" class="tip-icon-low rotate-90"></clr-icon>
                         </div>
                         <div class="second-row">
                             <clr-icon shape="help" size="18" style="margin-left: 2px;"></clr-icon>
diff --git a/src/ui_ng/lib/src/vulnerability-scanning/scanning.css.ts b/src/ui_ng/lib/src/vulnerability-scanning/scanning.css.ts
index f81ba13a3..67669c7ef 100644
--- a/src/ui_ng/lib/src/vulnerability-scanning/scanning.css.ts
+++ b/src/ui_ng/lib/src/vulnerability-scanning/scanning.css.ts
@@ -49,7 +49,7 @@ export const SCANNING_STYLES: string = `
     background-color: orange;
 }
 .bar-block-low {
-    background-color: #fac400;
+    background-color: yellow;
 }
 .bar-block-none {
     background-color: green;
@@ -93,4 +93,15 @@ export const SCANNING_STYLES: string = `
 .tip-icon-medium {
     color: orange;
 }
+.label.label-low{
+    background: rgba(251, 255, 0, 0.38);
+    color: #c5c50b;
+    border: 1px solid #e6e63f;
+}
+.tip-icon-low {
+    color: yellow;
+}
+.font-color-green{
+    color:green;
+}
 `; 
\ No newline at end of file
diff --git a/src/ui_ng/lib/src/vulnerability-scanning/scanning.html.ts b/src/ui_ng/lib/src/vulnerability-scanning/scanning.html.ts
index 373b87283..70772aa52 100644
--- a/src/ui_ng/lib/src/vulnerability-scanning/scanning.html.ts
+++ b/src/ui_ng/lib/src/vulnerability-scanning/scanning.html.ts
@@ -20,7 +20,7 @@ export const TIP_COMPONENT_HTML: string = `
                     <span>{{mediumCount}} {{'VULNERABILITY.SEVERITY.MEDIUM' | translate }}</span>
                 </div>
                 <div *ngIf="hasLow" class="bar-summary-item">
-                    <clr-icon shape="play" class="is-warning rotate-90" size="20"></clr-icon>
+                    <clr-icon shape="play" class="tip-icon-low rotate-90" size="20"></clr-icon>
                     <span>{{lowCount}} {{'VULNERABILITY.SEVERITY.LOW' | translate }}</span>
                 </div>
                 <div *ngIf="hasUnknown" class="bar-summary-item">
@@ -65,13 +65,18 @@ export const GRID_COMPONENT_HTML: string = `
             <clr-dg-cell [ngSwitch]="res.severity">
               <span *ngSwitchCase="5" class="label label-danger">{{severityText(res.severity) | translate}}</span>
               <span *ngSwitchCase="4" class="label label-medium">{{severityText(res.severity) | translate}}</span>
-              <span *ngSwitchCase="3" class="label label-warning">{{severityText(res.severity) | translate}}</span>
-              <span *ngSwitchCase="1" class="label label-info">{{severityText(res.severity) | translate}}</span>
+              <span *ngSwitchCase="3" class="label label-low">{{severityText(res.severity) | translate}}</span>
+              <span *ngSwitchCase="1" class="label">{{severityText(res.severity) | translate}}</span>
               <span *ngSwitchDefault>{{severityText(res.severity) | translate}}</span>
             </clr-dg-cell>
             <clr-dg-cell>{{res.package}}</clr-dg-cell>
             <clr-dg-cell>{{res.version}}</clr-dg-cell>
-            <clr-dg-cell>{{res.fixedVersion}}</clr-dg-cell>
+            <clr-dg-cell>
+                 <div *ngIf="res.fixedVersion; else elseBlock">
+                    <clr-icon shape="wrench" class="is-success" size="20"></clr-icon>&nbsp;<span class="font-color-green">{{res.fixedVersion}}</span>
+                 </div>
+                <ng-template #elseBlock>{{res.fixedVersion}}</ng-template>
+            </clr-dg-cell>
             <clr-dg-row-detail *clrIfExpanded>
             {{'VULNERABILITY.GRID.COLUMN_DESCRIPTION' | translate}}: {{res.description}}
             </clr-dg-row-detail>
diff --git a/src/ui_ng/src/styles.css b/src/ui_ng/src/styles.css
index c02851a6c..605a50575 100644
--- a/src/ui_ng/src/styles.css
+++ b/src/ui_ng/src/styles.css
@@ -39,4 +39,11 @@
 }
  .modal-header{
      padding: 0;
- }
\ No newline at end of file
+ }
+.rotate-90 {
+    -webkit-transform: rotate(-90deg);
+    -moz-transform: rotate(-90deg);
+    -ms-transform: rotate(-90deg);
+    -o-transform: rotate(-90deg);
+    transform: rotate(-90deg);
+}