css box shadow instead of border
Borders take up space in web browser html When setting width/height in a component this can have unintended consequences: the size of the component is not as expected. The content area may be less. A cool solution is to use box-shadow instead of border e.g. 1 px border `box-shadow: inset 0px 0px 0px 1px blue` see good explanation here