diff --git a/src/components/ReferenceExample.js b/src/components/ReferenceExample.js
index 6801289e2..d89f38ec4 100644
--- a/src/components/ReferenceExample.js
+++ b/src/components/ReferenceExample.js
@@ -66,7 +66,13 @@ const ReferenceExample = ({
                 useToastManager={useToastManager}
               />
             )}
-            <LiveEditor style={{ fontSize: '0.75rem' }} />
+            <LiveEditor
+              style={{
+                fontSize: '0.75rem',
+                maxHeight: '30rem',
+                overflow: 'auto',
+              }}
+            />
             {live && <LiveError className={styles.error} />}
           </LiveProvider>
         </div>