diff --git a/packages/scene-composer/src/components/WebGLCanvasManager.tsx b/packages/scene-composer/src/components/WebGLCanvasManager.tsx
index 069ca68dc..ef3efb45f 100644
--- a/packages/scene-composer/src/components/WebGLCanvasManager.tsx
+++ b/packages/scene-composer/src/components/WebGLCanvasManager.tsx
@@ -60,8 +60,8 @@ export const WebGLCanvasManager: React.FC = () => {
         const { position } = getIntersectionTransform(e.intersections[0]);
         const newWidgetNode = createNodeWithPositionAndNormal(addingWidget, position, new THREE.Vector3());
 
-        appendSceneNode(newWidgetNode);
         setAddingWidget(undefined);
+        appendSceneNode(newWidgetNode);
 
         e.stopPropagation();
       }
diff --git a/packages/scene-composer/src/components/three-fiber/ModelRefComponent/GLTFModelComponent.tsx b/packages/scene-composer/src/components/three-fiber/ModelRefComponent/GLTFModelComponent.tsx
index b0e68949f..44805d409 100644
--- a/packages/scene-composer/src/components/three-fiber/ModelRefComponent/GLTFModelComponent.tsx
+++ b/packages/scene-composer/src/components/three-fiber/ModelRefComponent/GLTFModelComponent.tsx
@@ -179,8 +179,9 @@ export const GLTFModelComponent: React.FC<GLTFModelProps> = ({
         physicalParent,
         hierarchicalParent?.userData.nodeRef,
       );
-      appendSceneNode(newWidgetNode);
+
       setAddingWidget(undefined);
+      appendSceneNode(newWidgetNode);
       e.stopPropagation();
     }
   };