diff --git a/doc/qtcreator/images/qtcreator-options-environment-interface.png b/doc/qtcreator/images/qtcreator-options-environment-interface.png
deleted file mode 100644
index 41374d1b5dc..00000000000
Binary files a/doc/qtcreator/images/qtcreator-options-environment-interface.png and /dev/null differ
diff --git a/doc/qtcreator/images/qtcreator-preferences-environment-interface.webp b/doc/qtcreator/images/qtcreator-preferences-environment-interface.webp
new file mode 100644
index 00000000000..d6d5098bc63
Binary files /dev/null and b/doc/qtcreator/images/qtcreator-preferences-environment-interface.webp differ
diff --git a/doc/qtcreator/src/editors/creator-coding-edit-mode.qdoc b/doc/qtcreator/src/editors/creator-coding-edit-mode.qdoc
index 82d3530d2bc..fb7cc429f43 100644
--- a/doc/qtcreator/src/editors/creator-coding-edit-mode.qdoc
+++ b/doc/qtcreator/src/editors/creator-coding-edit-mode.qdoc
@@ -29,6 +29,12 @@
 
     \if defined(qtcreator)
     \image qtcreator-editortoolbar-symbols.webp {Edit mode toolbar}
+
+    To add more space around the toolbar items, select \uicontrol Edit >
+    \uicontrol Preferences > \uicontrol Environment > \uicontrol Interface, and
+    then select \uicontrol Relaxed in the \uicontrol {Toolbar style} field.
+
+    \image qtcreator-preferences-environment-interface.webp {Interface tab in Environment preferences}
     \else
     \image studio-edit-mode.png
     \endif
diff --git a/doc/qtcreator/src/howto/creator-keyboard-shortcuts.qdoc b/doc/qtcreator/src/howto/creator-keyboard-shortcuts.qdoc
index c763d587ae6..62d34751441 100644
--- a/doc/qtcreator/src/howto/creator-keyboard-shortcuts.qdoc
+++ b/doc/qtcreator/src/howto/creator-keyboard-shortcuts.qdoc
@@ -58,7 +58,7 @@
     in context menus} check box indicates whether the platform default value
     is \c on or \c off.
 
-    \image qtcreator-options-environment-interface.png "Interface tab in the Environment preferences"
+    \image qtcreator-preferences-environment-interface.webp {Interface tab in Environment preferences}
 
     \section1 Configuring Keyboard Shortcuts
 
diff --git a/doc/qtcreator/src/user-interface/creator-ui.qdoc b/doc/qtcreator/src/user-interface/creator-ui.qdoc
index c4ba6cad417..031e15cedbc 100644
--- a/doc/qtcreator/src/user-interface/creator-ui.qdoc
+++ b/doc/qtcreator/src/user-interface/creator-ui.qdoc
@@ -143,7 +143,7 @@
     > \uicontrol Environment, and then select a theme in the \uicontrol Theme
     field.
 
-    \image qtcreator-options-environment-interface.png "Interface preferences"
+    \image qtcreator-preferences-environment-interface.webp {Interface preferences}
 
     \section1 Changing Languages
 
@@ -452,7 +452,7 @@
     \uicontrol Preferences > \uicontrol Environment > \uicontrol Interface, and
     then select the codec in the \uicontrol {Text codec for tools} field.
 
-    \image qtcreator-options-environment-interface.png "Interface tab in the Environment preferences"
+    \image qtcreator-preferences-environment-interface.webp {Interface tab in Environment preferences}
 
     \section1 Finding and Filtering Output