diff --git a/src/commands/view/ComponentDrag.ts b/src/commands/view/ComponentDrag.ts
index 26cd909a8..1874db976 100644
--- a/src/commands/view/ComponentDrag.ts
+++ b/src/commands/view/ComponentDrag.ts
@@ -303,6 +303,8 @@ export default {
       styleUp = style;
       target.addStyle(styleUp, { avoidStore: !end });
     }
+
+    em?.Styles.__emitCmpStyleUpdate(styleUp, { components: em.getSelected() });
   },
 
   _getDragData() {
diff --git a/src/commands/view/SelectComponent.ts b/src/commands/view/SelectComponent.ts
index 131f1bd88..72187e1a7 100644
--- a/src/commands/view/SelectComponent.ts
+++ b/src/commands/view/SelectComponent.ts
@@ -459,17 +459,13 @@ export default {
             style.left = `${rect.l}${unitWidth}`;
           }
 
-          modelToStyle.addStyle(
-            {
-              ...style,
-              // value for the partial update
-              __p: !store,
-            },
-            { avoidStore: !store }
-          );
-          const updateEvent = 'update:component:style';
-          const eventToListen = `${updateEvent}:${keyHeight} ${updateEvent}:${keyWidth}`;
-          em && em.trigger(eventToListen, null, null, { noEmit: 1 });
+          const finalStyle = {
+            ...style,
+            // value for the partial update
+            __p: !store,
+          };
+          modelToStyle.addStyle(finalStyle, { avoidStore: !store });
+          em.Styles.__emitCmpStyleUpdate(finalStyle, { components: em.getSelected() });
         },
       };