diff --git a/src/status_im2/common/scroll_page/style.cljs b/src/status_im2/common/scroll_page/style.cljs index 316b804cd5..1cf51d48f1 100644 --- a/src/status_im2/common/scroll_page/style.cljs +++ b/src/status_im2/common/scroll_page/style.cljs @@ -58,7 +58,7 @@ [animation] (reanimated/apply-animations-to-style {:transform [{:scale animation}]} - {:border-radius 40 + {:border-radius 50 :border-width 1 :border-color colors/white :position :absolute diff --git a/src/status_im2/common/scroll_page/view.cljs b/src/status_im2/common/scroll_page/view.cljs index 567a8bca33..d3ba41319c 100644 --- a/src/status_im2/common/scroll_page/view.cljs +++ b/src/status_im2/common/scroll_page/view.cljs @@ -146,8 +146,11 @@ [rn/view {:style {:height 151}} [rn/image {:source cover-image - :style {:overflow :visible - :flex 1}}]]) + ;; Using negative margin-bottom as a workaround because on Android, + ;; ScrollView clips its children despite setting overflow: 'visible'. + ;; Related issue: https://github.com/facebook/react-native/issues/31218 + :style {:margin-bottom -16 + :flex 1}}]]) (when children [rn/view {:flex 1