RectButton's border radius inheriting border radius of other RectButton

I’m using:

React Navigation v5
Gesture Hander v1.6.0
Styled Components v5

I have a home page with many RectButons inside a FlatList with border-radius: 10px

and another page which I can navigate in, with a ScrollView with RectButtons without any border-radius property configured (already tried to set border-radius: 0; but not works)

But the second one “inherits” the border-radius value

First RectButton

import styled from 'styled-components/native';
import { RectButton } from 'react-native-gesture-handler';

export const Page = styled(RectButton)`
  width: 270px;
  padding: 20px;
  margin-right: ${props => (props.last ? '0px' : '20px')};

  border-radius: 10px;
  background: ${colors.white};
`;

Second (other page)

import styled from 'styled-components/native';
import { RectButton } from 'react-native-gesture-handler';

export const Item = styled(RectButton)`
  padding: 10px 0;
`;

When inspecting those elements, both has the correct style properties, but border-radius stills there

[marcosabb]

Any fix? Same behavior here.

[topovik]

Found solution, add background-color: any color and border-radius: -1px

import styled from 'styled-components/native';
import { RectButton } from 'react-native-gesture-handler';

export const Item = styled(RectButton)`
  padding: 10px 0;
  background-color: red;
  border-radius: -1px;
`;