Estou tentando meu RadioButton personalizado que estou tentando fazer com a seguinte aparência:

Então, eu desenhei drawables personalizados que respondem ao status do RadioButton e o usei como plano de fundo. Está tudo bem.

O problema é que não consigo centralizar as imagens que defini noandroid:button um tributo.

Aqui está como eu estou tentando usá-lo no meu layout.

<RadioGroup
        android:id="@+id/presenter_options"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:padding="4dp"
        android:gravity="center"
        >

        <RadioButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:button="@drawable/cluster_centered"
            android:gravity="center"
            android:padding="8dp"
            android:background="@drawable/presenter_radiobutton_left"
            />

        <RadioButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:padding="8dp"
            android:background="@drawable/presenter_radiobutton_right"
            android:button="@drawable/fire"
            />

</RadioGroup>

Com isso, estou obtendo isso como resultado:

Eu já tentei definir um desenho que define a gravidade para o centro, mas nada mudou. Aqui está o drawable personalizado:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <bitmap android:src="@drawable/cluster" android:gravity="center"/>
    </item>
</selector>

Então, como eu poderia centralizar as imagens dos botões?

PS: Não posso definir cada tipo de botão como plano de fundo porque ele será dinâmico no futuro; portanto, a única coisa que poderia estar em segundo plano é a forma azul.