Scrolls in example code output frame seems unnecessary

Most appropriate sections of the p5.js website?

Reference

What is your operating system?

Windows

Web browser and version

chrome://133.0.6943.143

Actual Behavior

When we run the example codes -
https://p5js.org/reference/p5.Camera/centerX/
https://p5js.org/reference/p5/arc/
https://p5js.org/reference/p5/triangle/
etc
There comes an unwanted scroll in the small window, making it even more smaller and makes it hard to see what is actually happening

• images

Expected Behavior

There shouldn't be any scrolls even after running the code if not necessary , the output frame should look same before and after pressing the run button like -

Steps to reproduce

1. onto your chrome browser (this issue specifically happening on chrome)
2. go the urls mentioned above
3. locate to any example codes
4. click on run button - you can see the scrolls

Would you like to work on the issue?

yes

Start by reproducing the behavior on the referenced p5.Camera/centerX, p5/arc, or p5/triangle reference pages in Chrome, comparing the example output before and after pressing Run. Trace the example output frame from those pages and identify why scrolling appears; done means unnecessary scrollbars no longer reduce the frame and the examples remain usable after running.