JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Using box-sizing:border-box</h1>
Set system scaling to 175%, and hover the boxes below:<br>
<icon></icon><icon></icon><icon></icon><br>
<icon></icon><icon></icon><icon></icon><br>
<icon></icon><icon></icon><icon></icon><br>
<icon></icon><icon></icon><icon></icon><br>

CSS

icon {
  box-sizing: border-box;
  margin: 1px;
  height: 50px;
  width: 50px;
  background: lime;
  display: inline-block;
}
icon:hover {
  border: 1px solid gray;
}