The 'most recent' sorting navigation tab shows a little extra gray underline to the right of it.

Here is a screenshot of the same:

enter image description here

Upon doing inspect element, I see there is margin-right: 4px; for the .tabNav>.-tab class.

.tabNav>.-tab {
    float: left;
    position: relative;
    margin-right: 4px; /* REMOVE THIS or set to 0px */
    padding-bottom: 0;
    z-index: 0;

Commenting out margin-right: 4px; or setting it to margin-right: 0px; fixes the issue. Here is how it looks now:

enter image description here

I know this is a very minor styling issue but fixing it will sure make it tidy.

  • Shouldn't this be extended to the right edge of the white background instead of completely cut off? Looks to me as if it should finish the grey line started from the left of the tabs.
    – James
    Sep 4, 2015 at 13:59
  • @James did you mean to say nav-tab should be 'float:right'? Sep 4, 2015 at 14:38
  • Well, specifically then: There is a gap between the grey line on the right on the right of the tab and where the white background ends a little further to the right. If you look at your 2nd image the grey line stopping on the vertical seems "unfinished".
    – James
    Sep 4, 2015 at 15:03
  • @James take a look at this screenshot look at the above and below elements they all are aligned to right. As for 2nd image the grey line stopping on vertical seems "unfinished" goes, I'm not sure if SE's CSS code or browser default causing that. It would be good to know though. Sep 4, 2015 at 15:35
  • Not a bug, this gives feeling of actual tabs. Sep 9, 2015 at 16:53

1 Answer 1



Thanks for the report. I spoke to our design team and they confirmed that this behavior is intentional. As such, we'll be retaining it as is.

  • Thank you for the update. Accepted. Sep 9, 2015 at 17:29

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .