diff --git a/share/qtcreator/qmldesigner/newstateseditor/Main.qml b/share/qtcreator/qmldesigner/newstateseditor/Main.qml
index 21385de257e..e40f7642388 100644
--- a/share/qtcreator/qmldesigner/newstateseditor/Main.qml
+++ b/share/qtcreator/qmldesigner/newstateseditor/Main.qml
@@ -45,6 +45,10 @@ Rectangle {
     onWidthChanged: root.responsiveResize(root.width, root.height)
     onHeightChanged: root.responsiveResize(root.width, root.height)
 
+    function showEvent() {
+        addCanvas.requestPaint()
+    }
+
     Component.onCompleted: root.responsiveResize(root.width, root.height)
 
     function numFit(overall, size, space) {
@@ -860,22 +864,22 @@ Rectangle {
                 width: root.thumbWidth
                 height: root.thumbHeight
 
+                property int plusExtend: 20
+                property int halfWidth: addCanvas.width / 2
+                property int halfHeight: addCanvas.height / 2
+
                 onPaint: {
                     var ctx = getContext("2d")
 
                     ctx.strokeStyle = StudioTheme.Values.themeStateHighlight
                     ctx.lineWidth = 6
 
-                    var plusExtend = 20
-                    var halfWidth = addCanvas.width / 2
-                    var halfHeight = addCanvas.height / 2
-
                     ctx.beginPath()
-                    ctx.moveTo(halfWidth, halfHeight - plusExtend)
-                    ctx.lineTo(halfWidth, halfHeight + plusExtend)
+                    ctx.moveTo(addCanvas.halfWidth, addCanvas.halfHeight - addCanvas.plusExtend)
+                    ctx.lineTo(addCanvas.halfWidth, addCanvas.halfHeight + addCanvas.plusExtend)
 
-                    ctx.moveTo(halfWidth - plusExtend, halfHeight)
-                    ctx.lineTo(halfWidth + plusExtend, halfHeight)
+                    ctx.moveTo(addCanvas.halfWidth - addCanvas.plusExtend, addCanvas.halfHeight)
+                    ctx.lineTo(addCanvas.halfWidth + addCanvas.plusExtend, addCanvas.halfHeight)
                     ctx.stroke()
 
                     ctx.save()
diff --git a/src/plugins/qmldesigner/components/stateseditornew/stateseditorwidget.cpp b/src/plugins/qmldesigner/components/stateseditornew/stateseditorwidget.cpp
index 96ad08b33ec..c47f19e4cb2 100644
--- a/src/plugins/qmldesigner/components/stateseditornew/stateseditorwidget.cpp
+++ b/src/plugins/qmldesigner/components/stateseditornew/stateseditorwidget.cpp
@@ -43,10 +43,10 @@
 
 #include <QApplication>
 
-#include <QFileInfo>
-#include <QShortcut>
 #include <QBoxLayout>
+#include <QFileInfo>
 #include <QKeySequence>
+#include <QShortcut>
 
 #include <QQmlContext>
 #include <QQmlEngine>
@@ -142,6 +142,7 @@ void StatesEditorWidget::showEvent(QShowEvent *event)
 {
     QQuickWidget::showEvent(event);
     update();
+    QMetaObject::invokeMethod(rootObject(), "showEvent");
 }
 
 void StatesEditorWidget::focusOutEvent(QFocusEvent *focusEvent)