[CSS] rotate 했을때 스크롤이 보이는 경우

프로젝트 진행중 팝업 닫기 버튼에서 transform rotate를 사용하였더니

이따금씩 회전할때 바디 내부에 스크롤이 갑자기 생기는 경우가 있었다.

(X,Y축 전부 생성)

1. 기본적으로 부모격에 overflow hidden을 주면 된다 생각했지만 해결이 되지않았다.

2. 해당 엘리먼트와 부모를 inline-block 요소로 잡아줬는데도 해결이 되지 않았다.

이후 검색을 통해 확인해보니 text-indent로 이 현상이 일어날 수 있어 해당 css를 삭제하였더니 해결!