Correct solution not working

Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**

<style type='text/scss'>

$x: 1;
@while $x < 6 {
.text-#{$x}{
  font-size: 15px * $x;
}
  $x: $x + 1;
}

</style>

<p class="text-1">Hello</p>
<p class="text-2">Hello</p>
<p class="text-3">Hello</p>
<p class="text-4">Hello</p>
<p class="text-5">Hello</p>
  **Your browser information:**

User Agent is: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0

Challenge: Apply a Style Until a Condition is Met with @while

Link to the challenge:

The code you have shared works on my end. Please ensure that you have disabled any extensions that interface with the freeCodeCamp website (such as Dark Mode and Ad Blocker), and set your browser zoom level to 100%. Both of these factors can cause tests to fail erroneously.