diff --git a/src/components/DistanceRequest.js b/src/components/DistanceRequest.js
index f3b1dcd94cf9..759fcc02b091 100644
--- a/src/components/DistanceRequest.js
+++ b/src/components/DistanceRequest.js
@@ -212,7 +212,7 @@ function DistanceRequest({iou, iouType, report, transaction, mapboxAccessToken})
                 {shouldShowGradient && (
                     <LinearGradient
                         style={[styles.pAbsolute, styles.b0, styles.l0, styles.r0, {height: halfMenuItemHeight}]}
-                        colors={[theme.transparent, theme.modalBackground]}
+                        colors={[`${theme.modalBackground}00`, theme.modalBackground]}
                     />
                 )}
                 {hasRouteError && (