Semantic UI конфликт между элементами

На текущий момент имею следующую структуру,

<div class="ui tabular menu">
    <div class="item active" data-tab="tab-name">1</div>
    <div class="item" data-tab="tab-name2">2</div>
</div>
<div class="ui tab active" data-tab="tab-name">
    .......
</div>
...........
 <div class="ui fluid multiple search selection dropdown">
      <input name="tags" type="hidden" id="selected">
      <i class="dropdown icon"></i>
       <div class="default text">Value</div>
       <div class="menu">
         <div class="item" data-value="value">Value</div> 
      </div>
..........

столкнулся с одним моментом, идет конфликт class="item" между tab и dropdown, из за схожей логике на одной странице не выходит установить оба элемента, работают либо табы либо dropdown но при условии что выбор произведён через клавиатуру а не клик, Можете подсказать, как быть в данном случае?