Canvas não aparece inteiro

Sou novo na programação e pode parecer uma duvida besta de se ter. Como não achei a resposta em outros foruns decidi postar.

Independente do código que eu escreva, o canvas não aparece inteiro.

Configuro ele para ter 600x400 e quando abro o arquivo html no browser
só aparece um espaço de aproximadamente 200x100. Alguém saberia me dizer o que pode ser?

Pode mostrar o código referente à esse canvas?

Abraço.

Aqui está o código. Para mostrar o problema criei um loop para desenhar um circulo a cada 50 unidades do canvas. Abaixo do código coloquei uma figura para mostrar como aparece no browser.

<canvas id="tela" hidth="600" weight="400">

<script>

	var tela = document.getElementById("tela");
	var c = tela.getContext("2d");

	var desenhaCirculo = function(x,y){

		c.fillStyle = "green";
		c.beginPath();
		c.arc(x,y,10,0,2*Math.PI);
		c.fill();
	}

	for(var x=0; x<600 ; x = x + 50){
		
		y = 50;
		desenhaCirculo(x,y);
	}

	for(var y=0; y<600; y = y + 50){

		x = 50;
		desenhaCirculo(x,y);
	}

</script>

Como mostra a imagem configurei o canvas para 600x400 mas só aparece 300x100.

Acho que o weight está escrito errado, não é height?