Tags (wrong aligment)

Heloo, I would like to get help with aligning the tags.

As you see on the picture below, the tags are for some reason align as justify, this is obvious when you check the:

  • Second item in first row
  • Second item in second row

There are misaligned (the tags should always starts where I put RED bars). I cannot figure out how to align the tags to left…

This is my CSS using for tags:

.tag {
    display: inline-block;
    /* white-space: nowrap; */
    text-decoration: none;
    hyphens: none;
    font-size: 75%;
    color: var(--text-muted);
    border-radius: 20px;
    margin: -1px 3px 10px 2px;
    line-height: 2em;
    max-width: 100px;
    min-width: 100px;
    margin: 15px 5px auto 5px;
    padding: auto;
    text-align: center;
    background: transparent;
    box-shadow: 0 0 8px var(--button-background);
    transition: var(--tags-fade-out-speed);

Thank you for any help!