From b89accdfa877e04e38bea10f68533bc9ca3bbe57 Mon Sep 17 00:00:00 2001
From: Nathan Edwards <112483617+NathanWEdwards@users.noreply.github.com>
Date: Sun, 5 Apr 2026 21:15:23 -0400
Subject: [PATCH 1/2] fix: modal bounds issue pushes the ButtonBar and FlatList
 out of view when the Modal is not transparent.

---
 components/team-members-editor/index.js | 22 ++++++++++++----------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/components/team-members-editor/index.js b/components/team-members-editor/index.js
index 5776d758..16c97cec 100644
--- a/components/team-members-editor/index.js
+++ b/components/team-members-editor/index.js
@@ -171,22 +171,24 @@ const TeamMembersEditor = ({ actions, team, members, requests, invitations }: Pr
 
 
     return (
-        <SafeAreaView style={ styles.frame }>
-            <ButtonBar buttonConfigs={ headerButtons }/>
-            <View style={ {
-                flex: 1,
-                backgroundColor: constants.colorBackgroundLight
-            } }>
-                <FlatList data={memberRowData} renderItem={ ({item}) => (<MemberItem item={item} />)}  />
-            </View>
+        <View style={ { flex: 1 } }>
+            <SafeAreaView style={ { backgroundColor: constants.colorBackgroundDark, flex: 1 } }>
+                <ButtonBar buttonConfigs={ headerButtons }/>
+                <View style={ {
+                    flex: 1,
+                    backgroundColor: constants.colorBackgroundLight
+                } }>
+                    <FlatList data={memberRowData} renderItem={ ({item}) => (<MemberItem item={item} />)}  />
+                </View>
+            </SafeAreaView>
             <Modal
                 animationType={ "slide" }
                 onRequestClose={ (): string => ("this function is required. Who knows why?") }
-                transparent={ false }
+                transparent={ true }
                 visible={ isModalVisible }>
                 { modalContent }
             </Modal>
-        </SafeAreaView>
+        </View>
     );
 };
 

From 6b245c65c2299ed38e73503d5157e6e8385b883c Mon Sep 17 00:00:00 2001
From: Nathan Edwards <112483617+NathanWEdwards@users.noreply.github.com>
Date: Sun, 5 Apr 2026 21:20:14 -0400
Subject: [PATCH 2/2] fix: recalculate bounds for views in modals with
 SafeAreaProvider.

---
 components/team-members-editor/index.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/components/team-members-editor/index.js b/components/team-members-editor/index.js
index 16c97cec..536ca933 100644
--- a/components/team-members-editor/index.js
+++ b/components/team-members-editor/index.js
@@ -9,7 +9,7 @@ import {
     View,
     FlatList
 } from "react-native";
-import { SafeAreaView } from "react-native-safe-area-context";
+import { SafeAreaView, SafeAreaProvider } from "react-native-safe-area-context";
 import { connect } from "react-redux";
 import MemberIcon from "../../components/member-icon";
 import { defaultStyles } from "../../styles/default-styles";
@@ -186,7 +186,9 @@ const TeamMembersEditor = ({ actions, team, members, requests, invitations }: Pr
                 onRequestClose={ (): string => ("this function is required. Who knows why?") }
                 transparent={ true }
                 visible={ isModalVisible }>
-                { modalContent }
+                <SafeAreaProvider>
+                    { modalContent }
+                </SafeAreaProvider>
             </Modal>
         </View>
     );