CSS: Why is my box size increasing with padding when in box-sizing: border-box?

Question

Studying coding at the moment and am building a simple rock, paper scissors game. I have set box-sizing: border-box assuming this would stop the box size from g