Click action firing on all elements EmberJS

I have a list with subelements that I hide. By clicking on a top element, it adds a class called active. For some reason when I click on one <li> it adds the 'active' class to all the other <li>'s

<ul>
  
    <li  class="">
        
      <ul>
        
          <li></li>
        
      </ul>
    </li>
  
</ul>

`

import Ember from 'ember';

export default Ember.Component.extend({
  isActive:false,
  actions:{
    toggleActive(){
      this.toggleProperty('isActive');
    }
  }
});