@shobhitchittora line-height equals to height helps vertically align numbers, while the display prop is for height, width to be actually effective. also changing padding will result in a non circular badge for numbers less than 10 which will still look strange.

LGTM.
@joaomoreno please review and close this.

Ping @joaomoreno.

There are bad whitespace indentation errors during the build;
src/vs/base/browser/ui/countBadge/countBadge.css(10,1): Bad whitespace indentation src/vs/base/browser/ui/countBadge/countBadge.css(11,1): Bad whitespace indentation

@pushqrdx Would you be so kind and fix the CI issues. Also please make sure to run the test before every commit / raising a PR. Doc link - https://github.com/nodejs/node/blob/master/doc/guides/contributing/pull-requests.md#commit-message-guidelines

@shobhitchittora alright, i'll, gladly, do so asap, Sorry for the delay i am on a trip out of town.

Thanks! 🍻