HTML Code Challenge: Add the items "Square" and "Circle" to the list nested under "Shapes"

I'm stuck in an infinite loop.

Here's my Before code, which passed the previous step:

<ul>
  <li>Shapes
    <ol>
        <li>Stop</li>
        <li>Drop</li>  
        <li>Roll</li>  
    </ol>
</li>
    <li>Colors</li>
</ul>

The instructions are: Add the items "Square" and "Circle" to the list nested under "Shapes". So here's my first guess:

<ul>
  <li>Shapes
    <ol>
        <li>Stop</li>
        <li>Drop</li>  
        <li>Roll</li>
        <li>Square</li>  
        <li>Circle</li>  
    </ol>
</li>
    <li>Colors</li>
</ul>

Error! "Looks like Task 2 is no longer passing." So I delete that and go back to Task 2 then keep going until I get to the validated code in the first block above. Here my second guess at adding items to the list nested under Shapes:

<ul>
  <li>Shapes
    <ol>
        <li>Stop</li>
        <li>Drop</li>  
        <li>Roll</li>  
    </ol>
    <li>Square</li>
    <li>Circle</li>
</li>
    <li>Colors</li>
</ul>

Error! "Looks like Task 4 is no longer passing." So I delete it and click the button to recheck my work.

Error! "Your nested ordered list has too many list items. Try removing some." If I remove a list item, I get the first error message that Task 2 is no longer passing. So I put them back and recheck and it says "Your nested ordered list has too many list items. Try removing some."

Infinite loop!

What's the answer to this challenge? Where are the list items Square and Circle actually supposed to go?