Masked View is clipping masked element

I've been stuck on this issue where my text is being clipped by the masked view. I do not understand why. I am only testing on IOS. Latest version of masked-view
```
"expo": "~52.0.23",
"react": "18.3.1",
"react-dom": "18.3.1",
"react-native": "0.76.5"
```
Image of issue:

Here is my code:
``` JSX
import { SafeAreaView } from 'react-native-safe-area-context';
import { LinearGradient } from 'expo-linear-gradient';
import { Card, CardContent, CardFooter, CardHeader, CardTitle } from '~/components/ui/card';
import { Text } from '~/components/ui/text';
import MaskedView from '@react-native-masked-view/masked-view';
import { View } from 'react-native';

export default function HomeScreen() {
return (



Card Title



69%

}
>


69%



Card Content



);
};
```