[related bug](https://stackoverflow.com/a/34355447)
## problem
flex: 0 0 5em;
doesn't work well. if I set width manually as '5em' there
[img](https://s3.us-west-2.amazonaws.com/secure.notion-static.com/43dfdb8a-e5b6-4eca-b4b8-9b3f21b5face/untitled?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=ASIAT73L2G45BPMDDY2A%2F20190421%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20190421T104039Z&X-Amz-Expires=86400&X-Amz-Security-Token=AgoJb3JpZ2luX2VjEK%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2FwEaCXVzLXdlc3QtMiJGMEQCID%2BQXDZYP8zRXbxNntruA6Rn9K%2F25ygQrtR19IG3wmUrAiALhmTNB%2BwHYi160LdvZikT09S70unH%2Fn1R0rqfQeDSLSrjAwiI%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F8BEAAaDDI3NDU2NzE0OTM3MCIMi15bpPUwUCH29BG%2BKrcD8%2F7dKfM0ZG6943r6VYxHV87kMPo7pc9HgbvV7XT0Q2lfuOOhILvinOWX6t2ckOGgDvoAyVhX4j0uv0T35Gq5MA7exerP%2FmKcMb347KuUls1evCurjlTFsf%2FsLb0tsHOq2sai8JctuuxJZpCZ0BLXX3JRJXL%2BOBABfVB7AX94GJ4WU2ytLInfF9LhhNWr5V%2FdRZTAGdBhZRiAUsOWEnbkavoNam1fmrmsc6V%2FbLcFIklGLlrfqJJdhxpoP6nMGjZdXt5aZvlGd0q5lNypfKhWtCT0w%2FYL1TQjHoWxlZCogCv11IEsbk7kRPc1nQ0vQn0SptFXjS8vKurXPodciP2e8lMVlN8hFVG0SQhvEnlAytT%2F0P1cJl7Wex5zp0f%2B1hpMrod5BE8DEHz4nR7kQbndkhp10SrFmdITtz9C0X0NOMWlaG6PmpcM76JihgYpg%2FDL%2BBPoZ5bFgSEv6oZpzLlrCkmpVr4QbytUnnYRofbsOL3fGxn0In7CwX%2F38iHS1pyZJuvsTFbxgEPbfI5uVsGENW0wfmF5%2FDFdCEfzOWxI%2FadQFSIzvZlfxkZ0NX1DqJvnW%2BAjbxos7zCMmvDlBTq1AQG5AMASjKGaPJA3CSBGycdBLigGPSvBxLumja7g7fcIOLPas9JDsOv%2BXSGilbZ1tkBeaSjoM3ZH9UUG5MhSNCLd3m2LdYbPDkKkL0%2FmlvYNqgfXatX%2FjpHUja7CBjhrCDTQXaRVok7K6X1tsBUYW6udJoF9etKPERHpBDVJ2Q8VO9aZ%2FYGcM1fc6nqADKQPCZ8e2Q85mv9ySPQTjYaA47qT0dMLcHIYU4FioX4x8IDz0U08Gag%3D&X-Amz-Signature=c8a30352d1b82befd1b776c3d2e5a73d8c9977070fc9bf8a98ea506fedfe0fc7&X-Amz-SignedHeaders=host&response-content-disposition=filename%20%3D%22untitled%22)
## solution
but if I use like below, it works fine
flex: 0 0 auto;
width: 5em;
both should be same but somehow it dones't