如何缩小微调框宽度？

Question

我正在尝试使用微调框来选择一个标志。我希望它与EditText一起内联用于电话号码输入。问题是我的宽度比标记图标的宽度还要宽。这是布局检查器的屏幕截图：

您会注意到，标志和向下箭头之间存在间隙。我想缩小这个差距。蓝色框表示微调框的项目布局，其周围的灰色框是微调框本身的框。这是微调器项目的布局：

<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="40dp"
android:layout_height="wrap_content"
android:background="@color/greyBackground">

<ImageView
    android:id="@+id/countrySpinnerImage"
    android:layout_width="40dp"
    android:layout_height="40dp"
    android:src="@drawable/canada"/>
</RelativeLayout>

这是我的微调XML：

<Spinner
    android:id="@+id/countrySpinner"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:backgroundTint="@color/rsWhite"
    android:dropDownWidth="40dp"
    app:layout_constraintBottom_toBottomOf="@id/phoneInput"
    app:layout_constraintEnd_toStartOf="@+id/textView2" />

我尝试过运气和填充，没有运气。为宽度设置一个文字值，例如“ 60dp”，使其变小，但似乎在向下箭头周围有一个固定的框在渲染中具有优先权，并且标记图标被切除。是否有任何方法可以减小箭头周围的距离以使标志更接近？