Trying to get width and height consistent same size

I am am trying to make the box that says from 5 to 10 meters to be same width and height for the 11 to 15 meters.

Here is my CSS code:

.option {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    padding: $space-l;
    width: max-content;
    background: #fff;
    border: solid 2px $gray-support;
    border-radius: $space-xs;
    cursor: pointer;
}


Does anyone know what I am missing here?
SCR-20221125-ho7.png
Was this page helpful?