How to remove this bubble (Indicator light) in action bar tab in android? -

how rid of these bubble shown in below figure. have 2 tabs in layout , have used green indicator light show selected tab (first tab selected in below figure), working fine. don't know why small bubbles (shown in below figure) coming in both tabs. these small bubble indicator lights on irrespective of tab selected/unselected. help?

here style.xml file -

<style name="apptheme" parent="android:theme.holo.light">     <item name="android:actionbarstyle">@style/ractionbar</item>     <item name="android:actionbartabtextstyle">@style/ractionbartabtext</item>     <item name="android:actionmenutextcolor">@color/actionbartextcolor</item>     <item name="android:actionbartabstyle">@style/ractionbartabs</item>     <item name="android:actionbartabbarstyle">@style/ractionbartabbarstyle</item>     <item name="android:textcolorhighlight">#99e9d1f6</item> </style>  <style name="ractionbar" parent="@android:style/widget.holo.light.actionbar">      <item name="android:background">@color/actionbarbackgndcolor</item>     <item name="android:titletextstyle">@style/ractionbartitletext</item> </style>  <!-- actionbar title text --> <style name="ractionbartitletext" parent="@android:style/widget.holo.light.actionbar">     <item name="android:textcolor">@color/actionbartextcolor</item> </style>  <!-- actionbar tabs text styles --> <style name="ractionbartabtext" parent="@android:style/widget.holo.light.actionbar">     <item name="android:textcolor">@color/actionbartextcolor</item>     <item name="android:textallcaps">true</item>     <item name="android:gravity">center</item> </style>  <style name="ractionbartabs" parent="android:style/widget.holo.light.actionbar.tabview">      <!-- tab indicator -->     <item name="android:background">@drawable/tab_bar_background</item> </style>  <style name="ractionbartabbarstyle" parent="android:style/widget.holo.light.actionbar.tabbar">     <item name="android:background">@color/actionbarbackgndcolor</item> </style> 

@drawable/tab_bar_background.xml

<?xml version="1.0" encoding="utf-8"?> 

<!-- unselected tab state --> <item android:state_pressed="false" android:state_selected="false"><layer-list xmlns:android="http://schemas.android.com/apk/res/android">          <!-- bottom indicator color unselected tab state -->         <item android:left="-5dp" android:right="-5dp" android:top="-5dp"><shape android:shape="rectangle">                 <stroke android:width="2dp" android:color="@color/actionbarbackgndcolor" />             </shape></item>     </layer-list></item> <!-- selected tab state --> <item android:state_pressed="false" android:state_selected="true"><layer-list xmlns:android="http://schemas.android.com/apk/res/android">          <!-- tab background color selected tab state -->         <item><shape>                 <solid android:color="@color/actionbarbackgndcolor" />             </shape></item>         <!-- bottom indicator color selected tab state -->         <item android:left="-5dp" android:right="-5dp" android:top="-5dp"><shape android:shape="rectangle">                 <stroke android:width="2dp" android:color="@color/actionbarbottomindicatorcolor" />             </shape></item>     </layer-list></item> 

actionbarbottomindicator color = "green", actionbarbackgndcolor = "blue" (action bar color shown in figure)

edit: have found length of blue indicator line (my problem) equal length of tab title.

problem text background colour , set blue. that's why blue bubble indicator light increasing , decreasing changing word length of tab title text.