I need help to spot what I am doing wrong

Tell us what’s happening: I am doing the challenge of “Create a Set of Checkboxes” and I am doing something wrong that I can not see myself what it is.
This is the helping clues I get:

  1. Each of your three checkbox elements should be nested in its own label element.

  2. Your checkboxes should be given the name attribute of personality .

Your code so far

	<p>Click here to view more <a href="#">cat photos</a>.</p>

	<a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>

		<p>Things cats love:</p>
			<li>cat nip</li>
			<li>laser pointers</li>
		<p>Top 3 things cats hate:</p>
			<li>flea treatment</li>
			<li>other cats</li>
		<form action="/submit-cat-photo">
			<label for="indoor"><input id="indoor" type="radio" name="indoor-outdoor"> Indoor</label>
			<label for="outdoor"><input id="outdoor" type="radio" name="indoor-outdoor"> Outdoor</label><br>
			<input type="text" placeholder="cat photo URL" required>
			<button type="submit</button>
<label for="Loving"><input id="Loving" type="checkbox" name="personality"> Loving
<label for="Kindness"><input id="Kindness" type="checkbox" name="personality"> Kindness
<label for="Compassion"><input id="Compassion" type="checkbox"  name="personality"> Compassion

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.122 Safari/537.36.

Challenge: Create a Set of Checkboxes

Link to the challenge:

you have created a new form, you should add the new elements in the already existing form

the button element of the already existing form has wrong syntax that is screwing up a lot of other stuff:

you need to at least fix this second issue

Fantastic for the fast responds and the precise help. Amazing