Tips link border bottom not looking great

Probably can work removing the border, I suspect the icon indicates a link/focusable element?

Lewis, I think you misread the OP - what it meant was IF we moved the icon out of the anchor that might be a UX issue. I'm not sure why you changed it, sorry but I think you misread it and removed an important sentence alluding to the UX issue of moving the icon.

#10, you can do that sort of thing, even with border bottom, its a tad on the tricky-dicky side of things, I did not cross browser test this, but it should work pretty good even with minor adjustment. I have to admit I'm not entirely down on :after content and what gets announced etc (by screenreader software).

.filter-help a:after {
  background: url("../../../misc/help.png") no-repeat scroll right center / 100% auto transparent;  /* LTR */
  content: " ";
  height: 1rem;
  width: 1rem;
  position: absolute;
  top: 0.2em;
}
.filter-help {
  position: relative;
  left: -1rem; /* LTR */
}

EDIT: removed inline-block, sorry, wrong copy/paste.

Also note: what this does (in supporting browsers) is stretch the icon as the font-size is increased, so it gets bigger, i.e. covers the 1rem square, which is how it maintains its vertical alignment even though its absolutely positioned. I kind of dreamed this up while watching telly, so take it as read I did not test this a whole lot, but I think its pretty solid. The top and or right positioning could be adjusted per theme rather than in filter.admin.css

Screenshot of the code in #12, forgot to attach...

@Lewis, oh good you got to discuss with Bojhan, yes indeed I agree its better to keep it clickable. Good stuff.