CSS 변환의 렌더링 버그

transform 중앙 정렬 시

.middle {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 390px;

    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

해결 방안
transform: translateY(-50%) translateX(-50.1%);

https://bugs.chromium.org/p/chromium/issues/detail?id=483381