BottomNavigation.Bar rendering additional white line

[Bk49]

I noticed my BottomTab has this weird white line above it recently, anyone managed to fix it with the use of BottomNavigation.Bar?. I've tried multiple guides on modifying the shadows, elevations and borderTopWidth. No luck since they are not catered for React Native Paper Bottom Navigation Bar. Component inspections also returns now border for the Tabs but it is still there

Code

<BottomNavigation.Bar
                        navigationState={{
                            ...rest,
                            routes: routes.filter(
                                (route) =>
                                    route.name.substring(0, game.length) ===
                                    game
                            ),
                        }}
                        safeAreaInsets={insets}
                        onTabPress={({ route }) =>
                            router.replace(`/auth/${route.name}` as Href)
                        }
                        renderIcon={({ route, focused, color }) => {
                            const { tabBarIcon } =
                                descriptors[route.key].options;
                            return tabBarIcon
                                ? tabBarIcon({ focused, color, size: 24 })
                                : null;
                        }}
                        renderLabel={({ route, focused, color }) => {
                            const { tabBarLabel } =
                                descriptors[route.key].options;
                            return tabBarLabel &&
                                typeof tabBarLabel !== "string"
                                ? tabBarLabel({
                                      focused,
                                      color,
                                      position: "below-icon",
                                      children: "",
                                  })
                                : null;
                        }}
                    />

[Bk49]

I've set the insets as the following and it seems to solve the problem for now

safeAreaInsets={{
   ...insets,
   bottom: Platform.OS === "android"
      ? insets.bottom + 4 : insets.bottom,
}}

This basically forces the bottom bar to render slightly higher, covering the white region