What happens to the checkbox?

I use a style Theme.AppCompat.Light and when I open the settings page first check box changes color when I click on the second checkbox(See the screenshot below). Why is this happening?

settings.xml

<?xml version="1.0" encoding="utf-8"?>
<PreferenceScreen xmlns:android="http://ift.tt/nIICcg"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <PreferenceCategory android:title="First Category">

        <CheckBoxPreference
            android:defaultValue="true"
            android:key="chb1"
            android:title="Check Box 1" />

        <CheckBoxPreference
            android:key="chb2"
            android:title="Check Box 2" />

        <CheckBoxPreference
            andriid:dependency="chb2"
            android:defaultValue="true"
            android:title="Check Box 3" />

    </PreferenceCategory>

</PreferenceScreen>

Screenshots: