scroll in top overflow

horizontal scrollbar on top and bottom of div

 <div class="row">
<div class="col-2">
  <div class="col-canvas">
  <canvas id="canvas"></canvas>
  </div>
  </div>
<div class="col-4">
  <p>Hello</p>
  </div>
  </div>

style

#canvas{
   background-color:red;
}
.col-canvas{
   overflow-y: hidden;

}

https://codepen.io/ruslan-fathullow/pen/qBYmmOo