diff --git a/docs/docs/integrate/connect-to-polkadot-js.md b/docs/docs/integrate/connect-to-polkadot-js.md
index 7c4d8b8cb2..1fb3cfd087 100644
--- a/docs/docs/integrate/connect-to-polkadot-js.md
+++ b/docs/docs/integrate/connect-to-polkadot-js.md
@@ -21,26 +21,25 @@ You'll need to setup the polkadot.js/apps to use a custom endpoint to connect to
Once you've opened the app in your browser, you should see it connected to the Polkadot network:
-
+
In the top left hand corner, click the logo to open the network selection modal:
-
+
Next, at the bottom of this menu is a "Development" dropdown, click to open that
-
+
Now you should see a text area with the label "custom endpoint", here you add your local node's websocket address, usually "ws://127.0.0.1:8586",
click the Save icon on the right of the text box to save the endpoint.
-
+
Finally, click the "Switch" button at the top of this modal:
-
+
Congratulations, you've successfully connected to your Gossamer node!
-
-
+