8-Point Grid: Borders and Layouts – Built to Adapt

How to align border and layouts to the 8pt grid system

How do I count borders in the 8pt grid system?
This question will come up with a wide variety of UI elements but let’s use buttons as an example. You’ve got an auto width button meaning the content determines its width and you’ve decided to add an 8px padding on the left and right of it. Your current brand style calls for an outlined button. How do you count the border?

Source: 8-Point Grid: Borders and Layouts – Built to Adapt