Cursor showing under link way far

Normal Behaviour

I believe this is normal behavior. Consider this HTML:

<ul>
  <li><a href="#">Normal link</a></li>
  <li><a href="#">Ag</a></li>
</ul>

When Hovering over letters in a link, there needs to be room for letters that go below the "line" (as in the line one would write on), such the lowercase letters "g" or "y".

Potential Fix

As for how to fix your issue, I think the best way of doing so would be to use pseudo elements to change the cursor.

a {
  position: relative;
}
a::after {
  content: "";
  position: absolute;
  cursor: default;
  
  left: 0;
  bottom: -30%;
  height: 30%;
  width: 100%;
}

Better Fix

I have edited my message to share a better solution, as I was not satisfied with the one I shared before. Simply add overflow: hidden to your the "a" tags.

a {
  overflow: hidden;
}

however, this will cut off letters that go below the "writing line", as shown in the above linked example. If you wish to not cut off these letters in the future, you could either remove the overflow: hidden;, or add padding:

a {
  overflow: hidden;
  padding-bottom: 3%;
}