From d82bf3365d3780bac0961d1627dba87f9e2fc6b2 Mon Sep 17 00:00:00 2001
From: Parvesh Monu <parvesh.dhullmonu@gmail.com>
Date: Fri, 26 Jan 2024 11:44:58 +0530
Subject: [PATCH] fix bottom tabs blur overlay color (#18621)

---
 .../shell/jump_to/components/bottom_tabs/style.cljs         | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/status_im/contexts/shell/jump_to/components/bottom_tabs/style.cljs b/src/status_im/contexts/shell/jump_to/components/bottom_tabs/style.cljs
index 8b9dc10a2f..0f08670553 100644
--- a/src/status_im/contexts/shell/jump_to/components/bottom_tabs/style.cljs
+++ b/src/status_im/contexts/shell/jump_to/components/bottom_tabs/style.cljs
@@ -2,6 +2,7 @@
   (:require
     [quo.foundations.colors :as colors]
     [react-native.platform :as platform]
+    [react-native.reanimated :as reanimated]
     [status-im.contexts.shell.jump-to.utils :as utils]))
 
 (defn bottom-tabs-container
@@ -28,10 +29,11 @@
 
 (defn bottom-tabs-blur-overlay
   [height]
-  [{:height height}
+  (reanimated/apply-animations-to-style
+   {:height height}
    {:position         :absolute
     :left             0
     :right            0
     :bottom           0
     :height           (utils/bottom-tabs-container-height)
-    :background-color colors/neutral-100-opa-70-blur}])
+    :background-color colors/neutral-100-opa-70-blur}))