diff --git a/content/sdks/android/deep-links.mdx b/content/sdks/android/deep-links.mdx
index df2f50ce..ac38e0c4 100644
--- a/content/sdks/android/deep-links.mdx
+++ b/content/sdks/android/deep-links.mdx
@@ -18,7 +18,13 @@ section: SDKs
 - In your message payload that you send to Knock, include a property with a value of your deep link. The name of the property doesn't matter, so long as you know beforehand what it will be called.
 - This can also be done in your Knock Dashboard in your [Payload overrides](https://docs.knock.app/integrations/push/overview#push-overrides).
 
-![Deep link payload override](/images/deep-link-payload-override.png)
+<Image
+  src="/images/deep-link-payload-override.png"
+  alt="Deep link payload override"
+  className="rounded-md mx-auto border border-gray-200"
+  width={500}
+  height={315}
+/>
 
 ## 3. Handle Incoming URLs:
 
diff --git a/content/sdks/ios/deep-links.mdx b/content/sdks/ios/deep-links.mdx
index 67866ef4..6abe9163 100644
--- a/content/sdks/ios/deep-links.mdx
+++ b/content/sdks/ios/deep-links.mdx
@@ -20,7 +20,13 @@ section: SDKs
 - In your message payload that you send to Knock, include a property with a value of your deep link. The name of the property doesn't matter, so long as you know beforehand what it will be called.
 - This can also be done in your Knock Dashboard in your [Payload overrides](https://docs.knock.app/integrations/push/overview#push-overrides).
 
-![Deep link payload override](/images/deep-link-payload-override.png)
+<Image
+  src="/images/deep-link-payload-override.png"
+  alt="Deep link payload override"
+  className="rounded-md mx-auto border border-gray-200"
+  width={500}
+  height={315}
+/>
 
 ## 3. Handle Incoming URLs:
 
diff --git a/public/images/deep-link-payload-override.png b/public/images/deep-link-payload-override.png
index 58533d5c..aca63747 100644
Binary files a/public/images/deep-link-payload-override.png and b/public/images/deep-link-payload-override.png differ