diff --git a/public/docs-static/img/how-to-guides/user-tab-list.png b/public/docs-static/img/how-to-guides/user-tab-list.png
index 028c9b9a..bca590d5 100644
Binary files a/public/docs-static/img/how-to-guides/user-tab-list.png and b/public/docs-static/img/how-to-guides/user-tab-list.png differ
diff --git a/src/pages/how-to/add-users-to-your-network.mdx b/src/pages/how-to/add-users-to-your-network.mdx
index 3e0bed58..e629dcde 100644
--- a/src/pages/how-to/add-users-to-your-network.mdx
+++ b/src/pages/how-to/add-users-to-your-network.mdx
@@ -55,9 +55,13 @@ NetBird has three user roles - `Owner`, `Admin`, and `User`. The roles allow you
 - `User` role - has limited access to the account, allowing users to view peers they own and others they can connect with. Users can create personal access tokens for programmatic access.
 
 To manage user roles, proceed to the `Users` tab and click on the user you want to update:
-<img src="/docs-static/img/how-to-guides/user-tab-list.png" alt="high-level-dia" className="imagewrapper"/>
+<p>
+  <img src="/docs-static/img/how-to-guides/user-tab-list.png" alt="high-level-dia" className="imagewrapper"/>
+</p>
 After that, select the desired role from the dropdown:
-<img src="/docs-static/img/how-to-guides/user-update-role.png" alt="high-level-dia" className="imagewrapper"/>
+<p>
+  <img src="/docs-static/img/how-to-guides/user-update-role.png" alt="high-level-dia" className="imagewrapper"/>
+</p>
 Click the `Save` button to save the changes.
 <Note>
     Only users with the `Owner` role can assign another user as `Owner`; this action will transfer the `Owner` role to another user, making the current user `Admin`.