Внутри div с отступом появляется случайный пунктирный прямоугольник ⇐ Html

[Anonymous]

У меня есть сетка из одинаковых блоков, но некоторые из них кажутся пунктирными линиями, соответствующими заполнению поля. Каждый раз в сетке появляются одни и те же блоки, и каждый блок имеет один и тот же CSS. Если я зайду в инспектор и сниму флажок с функции заполнения, пунктирный прямоугольник вырастет и заполнит свой контейнер. Если я закрываю браузер, а затем снова открываю его, он иногда исчезает. Почему это происходит?
Каждый из блоков сетки представляет собой элемент с классом .box и .box-inner внутри него. Я использую Google Chrome (версия 146.0.7680.165).
Соответствующие классы CSS:
* {
padding: 0;
margin: 0;
box-sizing: border-box;
}

.box {
padding: 5% 10%;
display: flex;
}

.box-inner {
margin: auto;
}