Highlight triangles when hovering

[Dinock]

There are "Note" and "Hints" in this course. If you click on them, the triangle on the right side will rotate and text will be revealed.

Right now, if you hover the words "Note" or "Hints", they will be highlighted. Although it is also possible to click on the triangle to reveal the text, the triangles are not highlighted when hovering them with the cursor.

I would suggest to highlight both the words "Note" respectively "Hints" and the triangle at the same time for better UX.

I created a simple mockup to make more obvious what I am trying to suggest. Note that the mockup does not include a cursor.

Before:

After:

P.S. I just realised that there are also "Goals" and "Checks" and other headings that make use of these triangles. But I think you are getting my point.