how to select ivy-tab default tab

Im using ember version of ivy-tabs to populate my tabs. and when there is an error im using a condition to add a class which will be show the tab in red color. but when the color is changing the tab is also getting changed. i need to stop this or load it into default tab. i tried with their documentation and release notes and there is no clue on that.

code as follows

    <div class="edit_profile">
      <div class="modal--content--sidebar">
        
          <ul role="presentation" class="modal_tabs">
            <li role="presentation" class="modal_tabs--item ivy-tabs-tab">
              
                Personal
              
                Personal
              
            </li>
            <li role="presentation" class="modal_tabs--item ivy-tabs-tab">
              
                Contact
              
                Contact
              
            </li>
            <li role="presentation" class="modal_tabs--item ivy-tabs-tab  " >
              
                Professional
              
                Professional
              
            </li>
          </ul>
        
      </div>

      <div class="modal--content--container">

        <div class="modal--content--scroll_container">
          

            

          

          

            

          

          

            

          

        </div>