[Vuejs]-No aligned properly inline-flex

.items-center {
    display: flex;
    align-items: center;
}

If you want to space each child element at equal distances, horizontally, you can add justify-content: space-between

Edit: My solution did not work for OP. This is the one that worked for him: flex: 1 1 auto; You can find more in comments.