Липкие предметы, сделанные через javascript

Question

Я пытаюсь заполнить экран сайта кнопками с кружками. Чтобы не повторяться, я пробовал использовать JavaScript для автоматизации процесса. Если я ввожу их вручную, между ними будет пробел, а в автоматическом - код js, чтобы прикрепить их друг к другу. Я пробовал использовать отступы, но это только увеличивает их размер. Есть ли способ разделить их в коде js?

for (var i = 0; i < 50; i++) {
    var classification = document.createElement("button");
    classification.className = "point";
    var element = document.getElementById("points");
    element.appendChild(classification);
}

.point {
    cursor: pointer;
    height: 25px;
    width: 25px;
    background-color: black;
    border-color: black;
    border-radius: 50%;
    display: inline-block;
  }

<div id="points">
        <script src="fillscreen.js"></script>
</div>

Edit: Margin fixed this issue, thank you