scss에 대해 질문 드립니다

안녕하세요

scss를 사용해서 프로젝트를 진행하고 있는데요,

각 컴포넌트 마다 scss파일을 따로 만들어서 적용하였는데

import하지 않은 scss파일의 내용도 같이 적용되는 현상이 있어서 왜 그런지 궁금해서 질문 드립니다

첨부한 사진 처럼 ShelterDetail.js에 import한 파일은 ShelterDetail.js인데

ShelterList.scss의 내용까지 적용이 되어 버립니다

디렉토리 구조는

shleter

ㄴstyles

    - shelterDetailscss

    - shelterList.scss

- index.js

- ShelterDetail.js

- ShelterList.js

입니다.

어떤 문제인지 검색해보아도 관련된 내용을 찾을 수가 없습니다ㅠ