이런거 꾸미려면...?

<CSSTransition in={스위치} classNames="wow" timeout={500}>  
                  <TabContent 누른탭={누른탭} 스위치변경={스위치변경}/>
</CSSTransition>
 

function TabContent(props){

  useEffect( ()=>{
    props.스위치변경(true); //탭내용 컴포넌트가 로드될 때 true
  });

  if (props.누른탭 === 0){
    return <div>관련 내용1</div>
  } else if (props.누른탭 === 1){
    return <div>관련 내용2</div>
  } else if (props.누른탭 === 2){
    return <div>내용2</div>
  }
}

이런 부분에서 각 tab아래에 들어가는 글자의 크기나 여백을 조정하고 싶어서 

<TabContent/>에서 className을 만들고 detail.scss에서 적용을 하고자했는데 안되더라구요.

어떻게 해야하는지 궁금합니다.!