Canvas size not correct

Hi Guys. Not quite sure why my canvas is not scaling properly. It keeps giving me about 10px beyond the viewport and its adding scrollbars.

this is the only css I have in place

  background-color: chartreuse;
  margin: 0;
  padding: 0;
#app {
  margin: 0;
  padding: 0;
  width: 100vw;
  height: 100vh;

There is no other code that modifies my canvas.

here’s the html

<!DOCTYPE html>
<html lang="en">
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <canvas id="app"></canvas>
    <script type="module" src="/src/main.ts"></script>

#app {

1 Like

Thanks, you rock