Image Inside Blur View in android takes whole width and height

[shubhamKeyzy]

<View style={{ width: "100%", marginTop: spacing.md }}> <CardComponent mortgageReadiness={category} navigateToParent /> {isBlur && ( <BlurView style={$blurContainer} blurType="light" blurAmount={3} overlayColor="transparent" > <Icon size={34} icon={"lockedQuizIcon"} /> </BlurView> )} </View>

This is how it look like in andoird

This is how it looks in the ios

  The Icon spread over the blur component in the android

[wulaizi]

overlayColor="transparent"

[shubhamKeyzy]

Its already inplace