Google Siteでp5jsを使った際にスクロールバーは表示される課題への対処

Google Siteの埋め込み機能を用いてp5jsを表示したがスクロールバーは以下のように表示され、デザインとしてイケてなかった

ソースコードは以下のようであった。

<head>
<script src="https://cdn.jsdelivr.net/npm/p5@1.5.0/lib/p5.js"></script>

<script>

  let circle = [];
  let circle_num =30;
  let speed = 0.6;

  function setup() {
    createCanvas(windowWidth, windowHeight);
  }

以下、p5jsのソースコードは省略
</script>

</head>

スクロールバーの表示を変えるために、createCanvasの表示箇所にmarginを入れることで回避した。

<head>
<script src="https://cdn.jsdelivr.net/npm/p5@1.5.0/lib/p5.js"></script>

<script>

  let circle = [];
  let circle_num =30;
  let speed = 0.6;

  function setup() {
    let margin = 50;
    createCanvas(windowWidth-margin , windowHeight-margin );
  }

以下、p5jsのソースコードは省略
</script>

</head>