Tailwind right property not working when position is set to sticky

Question

I am trying to align an item to the right of the screen and make it sticky.
But as you can see in this sandbox it's not working.
The right property is not applied.
What should i do?

Answer 1

This will also be working

<div class="sticky top-0 right-10 w-full flex justify-end">
  <div class="bg-blue-400 w-40">hossein</div>
</div>