title: Switch-Button thumb gets skewed?
body: <p>The thumb for my Switch-button seems to get skewed(for on&amp;off state). There were similar problems on github, but those were for people making libraries to support Switch button in API 4.0-</p>
  
  <p>main contains the switch-button, and there is a thumb and track drawable applied to it</p>
  
  <p>This is what is happening:</p>
  
  <p><img src="https://i.stack.imgur.com/YZqOS.png" alt="enter image description here"></p>
  
  <p>This is how its suppose to loook: </p>
  
  <p><img src="https://i.stack.imgur.com/rkwQk.png" alt="enter image description here"></p>
  
  <p>switch_track_on.png </p>
  
  <p><img src="https://i.stack.imgur.com/DQcef.png" alt="enter image description here"></p>
  
  <p><strong>main.xml</strong></p>
  
  <pre><code>&lt;RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent" &gt;
  
  &lt;Switch
      android:id="@+id/switch1"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_alignParentTop="true"
      android:layout_centerHorizontal="true"
      android:layout_marginTop="112dp"
      android:thumb="@drawable/switch_thumb_selector"
      android:track="@drawable/switch_track_selector"
      android:textOn=""
      android:textOff=""/&gt;
  
  &lt;/RelativeLayout&gt;
  </code></pre>
  
  <p><strong>switch_thumb_selector.xml</strong></p>
  
  <pre><code>&lt;selector&gt;
  &lt;item android:drawable="@drawable/switch_thumb"&gt;
  &lt;/item&gt;
  &lt;/selector&gt;
  </code></pre>
  
  <p><strong>switch_track_selector.xml</strong></p>
  
  <pre><code>    &lt;selector&gt;
  &lt;item android:drawable="@drawable/switch_track_on" android:state_checked="true"/&gt;
  &lt;item android:drawable="@drawable/switch_track_off" android:state_checked="false"/&gt;
  &lt;/selector&gt; 
  </code></pre>