How to add padding to HTML text elements like <code> without getting gaps in text selection background color

I want some padding on code elements but when I apply padding it causes gaps in the selection background color when the text is highlighted. How can I prevent these gaps?

https://codepen.io/pen/MWrpbWj