diff --git a/docs/resources/guides/credential-ux-guide.md b/docs/resources/guides/credential-ux-guide.md
index 700995fd..53e11296 100644
--- a/docs/resources/guides/credential-ux-guide.md
+++ b/docs/resources/guides/credential-ux-guide.md
@@ -33,10 +33,10 @@ The BC Wallet presents credentials using a common template that is tailored to t
 - The OCA (Overlay Capture Architecture) bundle specified for the credential. The elements of the credential – e.g., its colour, logo, name, attribute names – are defined in various “overlays”. Guidance for the content of the OCA bundle for BC Government credentials are specified in this section.
 
 *Example Credential - Simple View* <br></br>
-<img src="example_credential-simple_view.png" width="200"></img>
+<img src="./example_credential-simple_view.png" width="200"></img>
 
 *Credential - Detail View (top)* <br></br>
-<img src="credential-detail_view_(top).png" width="200"></img>
+<img src="./credential-detail_view_(top).png" width="200"></img>
 
 For more details on OCA bundle, see:
 - [Overlays Capture Architecture (OCA) For Aries](https://github.com/swcurran/aries-rfcs/tree/oca4aries/features/0755-oca-for-aries)
@@ -118,7 +118,7 @@ Issuers can add a watermark to their credentials. The intention of this watermar
 - Watermarks should be a single short word
 
 *Example non-production credential* <br></br>
-<img src="example_non-production_credential.png" width="200"></img>
+<img src="./example_non-production_credential.png" width="200"></img>
 
 ### Unit Overlay
 *BC Wallet does not currently make use of this overlay but may in the future.*
@@ -156,10 +156,10 @@ When a credential is issued an person’s wallet, a Connection is often created
 - In the Connections list of the BC Wallet, which is also where messages from the issuer are shown
 
 *Credential – Detail View (bottom)* <br></br>
-<img src="credential-detail_view_(bottom).png" width="200"></img>
+<img src="./credential-detail_view_(bottom).png" width="200"></img>
 
 *Message from Contact* <br></br>
-<img src="message_from_contact.png" width="200"></img>
+<img src="./message_from_contact.png" width="200"></img>
 
 This information is provided by the Issuer when the connection is created, from the DIDComm connection alias (as defined in the their_label field).