diff --git a/docs/docs/administration/collections-projects.mdx b/docs/docs/administration/collections-projects.mdx
index c116050e1..d289b5d71 100644
--- a/docs/docs/administration/collections-projects.mdx
+++ b/docs/docs/administration/collections-projects.mdx
@@ -12,10 +12,10 @@ Flows and components are displayed as individual cards that provide relevant inf
 <ZoomableImage
   alt="Docusaurus themed image"
   sources={{
-    light: "img/my-collection.png",
-    dark: "img/my-collection.png",
+    light: useBaseUrl("img/my-collection.png"),
+    dark: useBaseUrl("img/my-collection.png"),
   }}
-  style={{ width: "40%", margin: "20px auto" }}
+  style={{ width: "30%", margin: "20px auto" }}
 />
 
 * **Folders**: Users can organize their projects into folders. Default folders include "My Projects" and the ability to create new folders. Hover over a folder to access options to download or delete it.