diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/scada/scada-symbol.models.ts b/ui-ngx/src/app/modules/home/components/widget/lib/scada/scada-symbol.models.ts
index 1163351fb8..8e5993902d 100644
--- a/ui-ngx/src/app/modules/home/components/widget/lib/scada/scada-symbol.models.ts
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/scada/scada-symbol.models.ts
@@ -933,7 +933,7 @@ export class ScadaSymbolObject {
         this.iconRegistry.getDefaultFontSetClass()
       ).filter(className => className.length > 0);
       fontSetClasses.forEach(className => textElement.addClass(className));
-      textElement.font({size});
+      textElement.font({size: `${size}px`});
       textElement.attr({
         'text-anchor': 'start',
         'dominant-baseline': 'hanging',