I have a problem with the width of my looped buttons.
In this screenshot : <http://prntscr.com/auzfa5> , you can see that the first 9 buttons ( 1-9 ) have a smaller width than the other buttons.

Basically, I want all the buttons to have the same width no matter what number was put in. But I don't exactly know how?

I use Bootstrap to style my buttons.
Here is the CSS code I used: 

```
button {
    border-radius: 15%;
    padding: 16px;
    font-size: 16px;
    color: #FFF8DC;
    margin: 4px;
}

```

Short story: I want all the buttons to have the same width.

If you need anything else then please ask it in the comment section and I will respond as soon as possible.