diff --git a/res-common/drawable/action_bar_tab.xml b/res-common/drawable/action_bar_tab.xml
index b79ec5d..ecf463c 100644
--- a/res-common/drawable/action_bar_tab.xml
+++ b/res-common/drawable/action_bar_tab.xml
@@ -14,9 +14,14 @@
      See the License for the specific language governing permissions and
      limitations under the License.
 -->
-<ripple  xmlns:android="http://schemas.android.com/apk/res/android"
+<layer-list  xmlns:android="http://schemas.android.com/apk/res/android"
     android:tint="@color/tab_pressed_color">
     <item>
+        <ripple android:tint="@color/tab_pressed_color">
+            <item android:drawable="@color/tab_default_color" />
+        </ripple>
+    </item>
+    <item>
         <selector>
             <item android:drawable="@drawable/tab_selected"
                     android:state_focused="false"
@@ -32,7 +37,6 @@
                     android:state_selected="false" />
             <item android:drawable="@drawable/tab_selected"
                     android:state_selected="true" />
-            <item android:drawable="@color/tab_default_color" />
         </selector>
     </item>
-</ripple>
\ No newline at end of file
+</layer-list>
\ No newline at end of file
diff --git a/res-common/drawable/tab_selected.xml b/res-common/drawable/tab_selected.xml
index 78f1eda..16c791e 100644
--- a/res-common/drawable/tab_selected.xml
+++ b/res-common/drawable/tab_selected.xml
@@ -14,10 +14,16 @@
      See the License for the specific language governing permissions and
      limitations under the License.
 -->
-<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
-    <!-- Tab selected underline -->
-    <item android:drawable="@color/tab_selected_color" />
-    <!-- Tab background -->
-    <item android:drawable="@color/tab_default_color"
-            android:bottom="@dimen/tab_selected_underline_height" />
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
+    <!-- Use a rectangle to draw a bottom aligned line. The other three sides
+         of the rectangle are off the side of the screen -->
+    <item
+        android:top="@dimen/tab_selected_underline_height_negative"
+        android:right="@dimen/tab_selected_underline_height_negative"
+        android:left="@dimen/tab_selected_underline_height_negative">
+        <shape android:shape="rectangle">
+            <stroke android:width="@dimen/tab_selected_underline_height"
+                android:color="@color/tab_selected_color"/>
+        </shape>
+    </item>
 </layer-list>
\ No newline at end of file
diff --git a/res-common/drawable/tab_selected_focused.xml b/res-common/drawable/tab_selected_focused.xml
index c81c7aa..b21b0a4 100644
--- a/res-common/drawable/tab_selected_focused.xml
+++ b/res-common/drawable/tab_selected_focused.xml
@@ -16,15 +16,7 @@
 -->
 <layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
     <!-- Tab selected underline -->
-    <item android:drawable="@color/tab_selected_color" />
-    <!-- Tab background -->
-    <item android:drawable="@color/tab_default_color"
-            android:bottom="@dimen/tab_selected_underline_height" />
-    <item>
-        <shape android:shape="rectangle" >
-            <stroke
-                android:width="4dp"
-                android:color="@color/focus_color" />
-        </shape>
-    </item>
+    <item android:drawable="@drawable/tab_selected" />
+    <!-- Focus rectangle -->
+    <item android:drawable="@drawable/tab_unselected_focused" />
 </layer-list>
\ No newline at end of file
diff --git a/res-common/drawable/tab_unselected_focused.xml b/res-common/drawable/tab_unselected_focused.xml
index 13ec95d..aef4da8 100644
--- a/res-common/drawable/tab_unselected_focused.xml
+++ b/res-common/drawable/tab_unselected_focused.xml
@@ -14,14 +14,9 @@
      See the License for the specific language governing permissions and
      limitations under the License.
 -->
-<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
-    <!-- Tab background -->
-    <item android:drawable="@color/tab_default_color" />
-    <item>
-        <shape android:shape="rectangle" >
-            <stroke
-                android:width="4dp"
-                android:color="@color/focus_color" />
-        </shape>
-    </item>
-</layer-list>
\ No newline at end of file
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle" >
+    <stroke
+        android:width="4dp"
+        android:color="@color/focus_color" />
+</shape>
\ No newline at end of file
diff --git a/res-common/values/dimens.xml b/res-common/values/dimens.xml
index 29dc4d4..aa8a18f 100644
--- a/res-common/values/dimens.xml
+++ b/res-common/values/dimens.xml
@@ -101,6 +101,7 @@
 
     <!-- Height of the selection indicator of a tab. -->
     <dimen name="tab_selected_underline_height">3dp</dimen>
+    <dimen name="tab_selected_underline_height_negative">-3dp</dimen>
     <!-- Size of text in tabs. -->
     <dimen name="tab_text_size">14sp</dimen>