fix: remove alignSelf: 'center' from the Animated container view

Fixes calintamas#282

Author: calintamas

src/components/AnimatedContainer.styles.tsx

@@ -3,9 +3,10 @@ import { StyleSheet } from 'react-native';
 export const styles = StyleSheet.create({
   base: {
     position: 'absolute',
+    left: 0,
+    right: 0,
     alignItems: 'center',
-    justifyContent: 'center',
-    alignSelf: 'center'
+    justifyContent: 'center'
   },
   top: {
     top: 0

src/components/__tests__/AnimatedContainer.test.tsx

@@ -44,9 +44,10 @@ const setup = (props?: Omit<Partial<AnimatedContainerProps>, 'children'>) => {
 
 const defaultStyles: ViewStyle = {
   position: 'absolute',
+  left: 0,
+  right: 0,
   alignItems: 'center',
   justifyContent: 'center',
-  alignSelf: 'center',
   top: 0
 };