Canvas - nie pokrywa właściwie ekranu.

Cześć.
Mam mały problem z canvas otóż:
W CSS'ach mam:

body {
    margin: 0;
}
canvas {
   background-color: blue;
}

W js:

let canvas = document.querySelector("canvas");
canvas.width = self.innerWidth;
canvas.height = self.innerHeight;

I zgodnie z tym źródłem: www.youtube.com/watch?v=EO6OkltgudE powinno mi grzecznie pokryć całą dostępną przestrzeń. Pokryło. Ale pojawiły się suwaki.
Jak to u mnie wygląda:* patrz obrazek*;
Próbowałem zamienić window na self ale nie pomogło.
Jak to naprawić?

Dodaj do canvas position: absolute; I dla bezpieczeństwa body, html { margin: 0; padding: 0; }

Działa! Bardzo dziękuję! :D