diff --git a/native/chat/message-results-screen.react.js b/native/chat/message-results-screen.react.js
--- a/native/chat/message-results-screen.react.js
+++ b/native/chat/message-results-screen.react.js
@@ -16,6 +16,7 @@
 import MessageResult from './message-result.react.js';
 import type { NavigationRoute } from '../navigation/route-names';
 import { useSelector } from '../redux/redux-utils.js';
+import { useStyles } from '../themes/colors.js';
 import type { ChatMessageItemWithHeight } from '../types/chat-types.js';
 
 export type MessageResultsScreenParams = {
@@ -30,6 +31,7 @@
 function MessageResultsScreen(props: MessageResultsScreenProps): React.Node {
   const { navigation, route } = props;
   const { threadInfo } = route.params;
+  const styles = useStyles(unboundStyles);
   const { id: threadID } = threadInfo;
   const [rawMessageResults, setRawMessageResults] = React.useState([]);
 
@@ -158,10 +160,20 @@
   );
 
   return (
-    <View ref={scrollViewContainerRef} onLayout={onLayout}>
+    <View
+      ref={scrollViewContainerRef}
+      onLayout={onLayout}
+      style={styles.scrollViewContainer}
+    >
       <ScrollView>{messageResultsToDisplay}</ScrollView>
     </View>
   );
 }
 
+const unboundStyles = {
+  scrollViewContainer: {
+    flex: 1,
+  },
+};
+
 export default MessageResultsScreen;