diff --git a/site/src/content/docs/examples/scatterbrain.mdx b/site/src/content/docs/examples/scatterbrain.mdx
index c786aba9..83b32bab 100644
--- a/site/src/content/docs/examples/scatterbrain.mdx
+++ b/site/src/content/docs/examples/scatterbrain.mdx
@@ -3,6 +3,6 @@ title: Scatterbrain
 tableOfContents: false
 ---
 
-import { scatterBrainDemo } from '../../../examples/scatterbrain/demo.tsx';
+import { ScatterBrainDemo } from '../../../examples/scatterbrain/demo.tsx';
 
-<scatterBrainDemo client:only="react" />
+<ScatterBrainDemo client:only="react" />
diff --git a/site/src/examples/scatterbrain/demo.tsx b/site/src/examples/scatterbrain/demo.tsx
index f154221c..26c11f3c 100644
--- a/site/src/examples/scatterbrain/demo.tsx
+++ b/site/src/examples/scatterbrain/demo.tsx
@@ -12,7 +12,7 @@ import {
 const screenSize: vec2 = [800, 800];
 const tenx =
     'https://bkp-2d-visualizations-stage.s3.amazonaws.com/wmb_tenx_01172024_stage-20240128193624/G4I4GFJXJB9ATZ3PTX1/ScatterBrain.json';
-export function scatterBrainDemo() {
+export function ScatterBrainDemo() {
     return (
         <SharedCacheProvider>
             <Demo screenSize={screenSize} />