diff --git a/docs/sources/flow/concepts/components.md b/docs/sources/flow/concepts/components.md
index 032a6deea5bb..9a873f9e93a7 100644
--- a/docs/sources/flow/concepts/components.md
+++ b/docs/sources/flow/concepts/components.md
@@ -68,9 +68,7 @@ An example pipeline may look like this:
 1. A `discovery.kubernetes` component discovers and exports Kubernetes Pods where metrics can be collected.
 1. A `prometheus.scrape` component references the exports of the previous component, and sends collected metrics to the `prometheus.remote_write` component.
 
-<p align="center">
-<img src="../../../assets/concepts_example_pipeline.svg" alt="Flow of example pipeline" width="500" />
-</p>
+![Flow of example pipeline](/media/docs/agent/concepts_example_pipeline.svg)
 
 The following configuration file represents the pipeline.