Флажок настроить выравнивание по центру

Question

Я хочу использовать флажок в моем приложении для Android. Но поскольку я не хочу текста рядом с ним, квадрат флажка выравнивается по левому краю. после некоторого поиска и некоторых изменений я столкнулся с чем-то странным: один квадрат по центру, перекрывающий другой, выровненный по левому краю, флажок поверх перекрывающегося.

как я могу спрятать меньший и сохранить больший центр. вот мои атрибуты флажка:

<CheckBox
    android:id="@+id/checkBox_setting"
    android:layout_width="60dp"
    android:layout_height="60dp"
    android:layout_alignParentStart="true"
    android:layout_alignParentTop="true"
    android:foreground="@drawable/checkbox_selector"
    android:foregroundGravity="center"
    android:background="@drawable/txt_left_corner"/>

и мой checkbox_selector.xml здесь внизу:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
<item android:drawable="@drawable/ic_unchecked"
    android:state_checked="false"/>
<item android:drawable="@drawable/ic_checked"
    android:state_checked="true"/>

не могли бы вы мне помочь, пожалуйста?