diff --git a/_docs/mbon-data-flow.md b/_docs/mbon-data-flow.md
index 7a5be39..4b26e53 100644
--- a/_docs/mbon-data-flow.md
+++ b/_docs/mbon-data-flow.md
@@ -9,7 +9,8 @@ mermaid: true
 
 # MBON Data Flow
 
-```mermaid
+{% raw %}
+<div class="mermaid">
 %%{
   init: {
     'theme': 'base',
@@ -101,9 +102,9 @@ click H "https://gbif.org" "GBIF" _blank
 click I "https://data.ioos.us" "IOOS Catalog" _blank
 click J "https://data.noaa.gov/onestop/" "NOAA OneStop" _blank
 click K "https://data.gov" "data.gov" _blank
-```
+</div>
+{% endraw %}
 
-<br />
 
 For data collected/managed by an IOOS MBON project, the project should ensure data and information are readily available
 to resource managers, scientists, educators, and the public in an easily digestible way. To that end, coordination with