3 files changed, 14 insertions, 15 deletions
diff --git a/src/components/common/TaggTypeahead.tsx b/src/components/common/TaggTypeahead.tsx
index 672cff69..d5668a38 100644
--- a/src/components/common/TaggTypeahead.tsx
+++ b/src/components/common/TaggTypeahead.tsx
@@ -40,8 +40,7 @@ const TaggTypeahead: React.FC<TaggTypeaheadProps> = ({
     }
   }, [keyword]);
 
-  const onLayout = (e: LayoutChangeEvent) => {
-    setHeight(e.nativeEvent.layout.height);
+  const onLayout = (_e: LayoutChangeEvent) => {
     viewRef.current?.measure(
       (
         _fx: number,
@@ -74,7 +73,6 @@ const TaggTypeahead: React.FC<TaggTypeaheadProps> = ({
 
   return (
     <View ref={viewRef} onLayout={onLayout}>
-      {/* <View ref={viewRef} onLayout={onLayout}> */}
       {!isShowBelowStyle && <View style={styles.overlay} />}
       <ScrollView
         style={[
@@ -84,6 +82,9 @@ const TaggTypeahead: React.FC<TaggTypeaheadProps> = ({
             : {top: -height, margin: margin},
         ]}
         showsVerticalScrollIndicator={false}
+        onLayout={(event) => {
+          setHeight(event.nativeEvent.layout.height);
+        }}
         keyboardShouldPersistTaps={'always'}>
         {results.map((user) => (
           <TaggUserRowCell
diff --git a/src/components/moments/MomentPost.tsx b/src/components/moments/MomentPost.tsx
index 07295369..e789a9bf 100644
--- a/src/components/moments/MomentPost.tsx
+++ b/src/components/moments/MomentPost.tsx
@@ -83,6 +83,7 @@ const MomentPost: React.FC<MomentPostProps> = ({
     moment.moment_url.endsWith('GIF') ||
     moment.moment_url.endsWith('gif')
   );
+  const mediaHeight = SCREEN_WIDTH / aspectRatio;
 
   /*
    * Load tags on initial render to pass tags data to moment header and content
@@ -201,14 +202,7 @@ const MomentPost: React.FC<MomentPostProps> = ({
       <View style={styles.mainContainer}>
         <View style={styles.imageContainer}>
           {isVideo ? (
-            <View
-              ref={imageRef}
-              style={[
-                styles.media,
-                {
-                  height: SCREEN_WIDTH / aspectRatio,
-                },
-              ]}>
+            <View ref={imageRef}>
               <Video
                 ref={videoRef}
                 source={{
@@ -218,7 +212,7 @@ const MomentPost: React.FC<MomentPostProps> = ({
                 style={[
                   styles.media,
                   {
-                    height: SCREEN_WIDTH / aspectRatio,
+                    height: mediaHeight,
                   },
                 ]}
                 repeat={true}
@@ -233,7 +227,12 @@ const MomentPost: React.FC<MomentPostProps> = ({
           ) : (
             <Image
               source={{uri: moment.moment_url}}
-              style={styles.media}
+              style={[
+                styles.media,
+                {
+                  height: mediaHeight,
+                },
+              ]}
               resizeMode={'contain'}
               ref={imageRef}
             />
@@ -337,7 +336,6 @@ const MomentPost: React.FC<MomentPostProps> = ({
 const styles = StyleSheet.create({
   media: {
     zIndex: 0,
-    flex: 1,
   },
   imageContainer: {
     height: SCREEN_HEIGHT,
diff --git a/src/components/notifications/NotificationPill.tsx b/src/components/notifications/NotificationPill.tsx
index 525cd7fa..3b42aadf 100644
--- a/src/components/notifications/NotificationPill.tsx
+++ b/src/components/notifications/NotificationPill.tsx
@@ -58,7 +58,7 @@ export const NotificationPill: React.FC<NotificationPillProps> = ({
                   __px: number,
                   __py: number,
                 ) => {
-                  const x = SCREEN_WIDTH / 2 - width / 2;
+                  const x = SCREEN_WIDTH * 0.7 - width / 2;
                   const y = isIPhoneX()
                     ? CHIN_HEIGHT + NAV_BAR_HEIGHT + navBarPos
                     : NAV_BAR_HEIGHT + navBarPos;