diff --git a/handbook/troggle/trogmermaid.html b/handbook/troggle/trogmermaid.html
index aefe9b867..b914312e7 100644
--- a/handbook/troggle/trogmermaid.html
+++ b/handbook/troggle/trogmermaid.html
@@ -6,10 +6,11 @@
<link rel="stylesheet" type="text/css" href="../../css/main2.css" />
</head>
-<script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
-<script>mermaid.initialize({startOnLoad:true});</script>
+
<body><style>body { background: #fff url(/images/style/bg-system.png) repeat-x 0 0 }</style>
+<script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
+<script>mermaid.initialize({startOnLoad:true});</script>
<h2 id="tophead">CUCC Expedition Handbook - troggle</h2>
<h1>Troggle Data Model (python)</h1>
<p>Asking ChatGPT to read our data model and produce a Mermad-style diagram produces something it has hallucinated. This is NOT troggle.