diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/maps/models/marker-shape.models.ts b/ui-ngx/src/app/modules/home/components/widget/lib/maps/models/marker-shape.models.ts
index 9e8749bba7..8b0b31ba50 100644
--- a/ui-ngx/src/app/modules/home/components/widget/lib/maps/models/marker-shape.models.ts
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/maps/models/marker-shape.models.ts
@@ -136,6 +136,7 @@ export const createColorMarkerIconElement = (iconRegistry: MatIconRegistry, domS
           elements = svgElement.getElementsByClassName('marker-icon-background');
           if (elements.length) {
             (elements[0] as SVGGElement).style.display = '';
+            (elements[0] as SVGGElement).setAttribute('fill-opacity', `${color.getAlpha()}`);
           }
           return svgElement;
         })