Image Divider is not aligning with the two buttons

Hi everyone,

I followed the tutorials to the letter to add the image divider between the two buttons, but the divider is out of place. I tried a couple of different things, but I have not been successful. Thank you for helping me out in this matter.

XML

<ImageView android:id="@+id/buttonDivider" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/button_divider" android:contentDescription="@string/content_desc_button_divider" android:layout_below="@+id/editTextLayout" android:layout_centerHorizontal="true" android:layout_gravity="center"/>

<Button
    android:id="@+id/signupButton"
    android:text="@string/sign_up_button_label"
    android:layout_below="@+id/editTextLayout"
    android:layout_alignParentLeft="true"
    android:layout_toLeftOf="@+id/buttonDivider"
    android:layout_marginRight="0dp"
    style="@style/AuthButton" />


<Button
    android:id="@+id/cancelButton"
    android:text="@string/cancel_button_label"
    android:layout_below="@+id/editTextLayout"
    android:layout_alignParentRight="true"
    android:layout_toRightOf="@+id/buttonDivider"
    android:layout_marginLeft="0dp"
    style="@style/AuthButton" />