#join-group-page {
    display: flex;
    flex-direction: column;
    max-width: 480px;
}

#join-group-page .fl-buttons-wrapper{
    display: flex;
    justify-content: flex-end;
    margin: 16px 8px 16px 0px;
}
#join-group-page .fl-buttons-wrapper button{
    width: 100%;
}

#join-group-page .mdl-textfield{
    width: 100%;
}

#join-group-page .mdl-textfield input{
    color: black;
}
#join-group-page .fl-textfield-wrapper .fl-textfield-label{
    white-space: nowrap;
}

#join-group-page .error-message {
    height: 0;
    color: red;
    overflow: hidden;
    transition: height 0.2s ease-out;
}
#join-group-page .error-message.show {
    height: 32px;
}