Can margins or padding be increased between tag name and "remove tag" icon in Favorite Tags?

Question

Following the implementation of this request to move the "remove tag" icon into the tag's container in Favorite Tags & Ignored Tags, the target clickable area for short tags becomes very small. I frequently find myself accidentally removing my php and sql tags by clicking too near to the "remove" icon.

Here was proposed a JavaScript confirmation popup to confirm removal (no answers). I would request an even simpler implementation to simply increase the margins or right-padding between the tag text and the remove icon to enlarge the clickable region of the tag's text.

My mouse pointer did not appear in the image below, but it was just right of the l at the pixel edge of the remove icon, approximately in the center of the tag button. As seen below, the remove icon is highlighted in this position and a click would result in the removal of this tag.

Answer 1

I simply made a Chrome extension that moves the X on right-top corner like this:

Answer 2

This problem gets much (!) worse with one-letter tags such as r. The clickable area here is simply too little:

In case it’s not obvious: the clickable area of the “delete” button is bigger than that of the “r”.