diff --git a/content/assets/live-editing/diable-popup-auto-hide.png b/content/assets/live-editing/diable-popup-auto-hide.png
new file mode 100644
index 0000000..7ea66ed
Binary files /dev/null and b/content/assets/live-editing/diable-popup-auto-hide.png differ
diff --git a/content/guides/live-editing.md b/content/guides/live-editing.md
index 3bfb21c..9d46c99 100644
--- a/content/guides/live-editing.md
+++ b/content/guides/live-editing.md
@@ -40,7 +40,10 @@ This [[guides/index|guide]] will help you customize the appearance of Zen Browse
 >  If a style does not apply as expected, try adding the `!important` keyword at the end of the CSS rule. This forces the browser to apply the style regardless of any other existing styles.
 
 > [!tip] 
-> If you wish to edit pop-ups or menus that automatically hide, be sure to enable the `Disable Popup Auto-Hide` option from the Browser Toolbox settings menu ( ⋯ button )
+> If you wish to edit pop-ups or menus that automatically hide, be sure to enable the `Disable Popup Auto-Hide` option from the *Browser Toolbox* settings menu ( ⋯ button )
+>  ![[diable-popup-auto-hide.png]]
+> >[!warning]
+> >Make sure to  **Disable** this option once finished, otherwise all popups will not hide on your Zen Browser even though you close the Browser Toolbox
 
 Any changes you make to the `userChrome.css` file will be applied immediately to Zen Browser.
 Use this file to customize various UI elements, such as colors, fonts, and the layout.