diff --git a/doc/qtdesignstudio/examples/doc/StateTransitions.qdoc b/doc/qtdesignstudio/examples/doc/StateTransitions.qdoc
index ad8ae0005e0..e7d4f318a0b 100644
--- a/doc/qtdesignstudio/examples/doc/StateTransitions.qdoc
+++ b/doc/qtdesignstudio/examples/doc/StateTransitions.qdoc
@@ -123,16 +123,19 @@
     \list 1
       \li Go to the \uicontrol Connections view.
       \li In \uicontrol{Navigator}, select \e button_side and in
-      \uicontrol {Connections}, select \inlineimage icons/plus.png
-      .
-      This creates a new connection with \e button_side as the target.
-      \li Set \uicontrol{Signal Handler} to \uicontrol onClicked.
-      \li Set \uicontrol Actions to \e {Change state to side}.
+          \uicontrol {Connections}, select the \inlineimage icons/plus.png
+          button to open the connection setup options.
+      \li Set \uicontrol Signal to \c clicked, \uicontrol Action to
+            \c {Change State}, \uicontrol {State Group} to \c rectangle and
+            \uicontrol State to \c side in the respective
+            drop-down menus.
+      \li Select the \inlineimage icons/close.png
+            button to close the connection setup options.
       \li Repeat steps 2 to 4 for the next three buttons and set them to go to
       their corresponding states.
     \endlist
 
-    \image state-transition-connections.png
+    \image state-transition-connections.webp
 
     Now you can preview and try the transitions to see how the UI moves between
     the states when you select the buttons.
diff --git a/doc/qtdesignstudio/examples/doc/images/state-transition-connections.png b/doc/qtdesignstudio/examples/doc/images/state-transition-connections.png
deleted file mode 100644
index c4c429378d4..00000000000
Binary files a/doc/qtdesignstudio/examples/doc/images/state-transition-connections.png and /dev/null differ
diff --git a/doc/qtdesignstudio/examples/doc/images/state-transition-connections.webp b/doc/qtdesignstudio/examples/doc/images/state-transition-connections.webp
new file mode 100644
index 00000000000..f52122638b1
Binary files /dev/null and b/doc/qtdesignstudio/examples/doc/images/state-transition-connections.webp differ