Segmented button color changes in android device

I have segmented buttons working properly but somehow their background color changes when I put in the android device, any idea ?

Normaly I have blue color when clicked and white when not clicked but on the device
blue color when clicked green color when not clicked

  f7-tabs
    f7-tab#tab-1(tab-active="")
    f7-tab#tab-2
    f7-tab#tab-3
    // Switch Between Tabs
  f7-segmented
    f7-button(tab-link="#tab-1" tab-link-active="", @click="selectType('personal')") Personal
    f7-button(tab-link="#tab-2", @click="selectType('global')") Global
    f7-button(tab-link="#tab-3", @click="selectType('mobile')") Mobile

Another questions I am not sure if I implement it corretly, do I need tabs for segmented buttons ? I does not work when I remove tabs code it however I do not use tabs