diff --git a/src/components/CarouselSection.js b/src/components/CarouselSection.js
index 4c028b7..a0c07f5 100644
--- a/src/components/CarouselSection.js
+++ b/src/components/CarouselSection.js
@@ -3,6 +3,7 @@ import { Dimensions, StyleSheet, View } from "react-native";
 import AnimatedDotsCarousel from "react-native-animated-dots-carousel";
 import Carousel from "react-native-reanimated-carousel";
 
+import { GestureHandlerRootView } from "react-native-gesture-handler";
 import { formatDate } from "../utils";
 import Heading from "./Heading";
 import RefreshButton from "./RefreshButton";
@@ -45,13 +46,15 @@ export default function CarouselSection({ navigation, data, onRefresh }) {
         <Heading>Volunteer Opportunities</Heading>
         <RefreshButton onRefresh={onRefresh} />
       </View>
-      <Carousel
-        width={Dimensions.get("window").width - 20}
-        height={280}
-        data={data}
-        renderItem={renderItem}
-        onSnapToItem={(index) => setDotIndex(index)}
-      />
+      <GestureHandlerRootView>
+        <Carousel
+          width={Dimensions.get("window").width - 20}
+          height={280}
+          data={data}
+          renderItem={renderItem}
+          onSnapToItem={(index) => setDotIndex(index)}
+        />
+      </GestureHandlerRootView>
       <View style={styles.container}>
         <AnimatedDotsCarousel
           length={data.length}