Android splash screen fading effect removes background color first then the logo

Question

The logo of my app does not scale with the splash screen and hence the logo overflows in the splash screen so I reduced the resolution of the image but then I could see white background around my splash screen logo therefore I added a background color of the same color as of logo (See the below picture for reference)

but after some time when the splash screen goes away with a fade animation, the background color tends to go away faster than the logo (only for a few ms) but it looks odd and I want a permanent solution for it. (See the below picture for reference)

below is my code at launch_background.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
  <item>
    <shape android:shape="rectangle">
      <solid android:color="@color/ic_launcher_background" />
    </shape>
  </item>
  <item>
    <bitmap android:gravity="center" android:src="@drawable/splash" />
  </item>
</layer-list>

colors.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="ic_launcher_background">hex code</color>
</resources>