diff --git a/src/components/Onboarding/OnboardingCarousel.js b/src/components/Onboarding/OnboardingCarousel.js
index 71927e157..4e4fba29c 100644
--- a/src/components/Onboarding/OnboardingCarousel.js
+++ b/src/components/Onboarding/OnboardingCarousel.js
@@ -5,8 +5,8 @@ import {
   Heading4,
   INatIcon,
   INatIconButton,
+  ViewWrapper,
 } from "components/SharedComponents";
-import { ScreenShell } from "components/SharedComponents/ViewWrapper";
 import { ImageBackground } from "components/styledComponents";
 import INatLogo from "images/svg/inat_logo_onboarding.svg";
 import OnBoardingIcon2 from "images/svg/onboarding_icon_2.svg";
@@ -203,7 +203,7 @@ const OnboardingCarousel = ( ) => {
   }
 
   return (
-    <ScreenShell wrapperClassName="bg-black">
+    <ViewWrapper wrapperClassName="bg-black" useTopInset={false}>
       <StatusBar barStyle="light-content" />
       <View
         className="w-full h-full relative"
@@ -356,7 +356,7 @@ const OnboardingCarousel = ( ) => {
           </View>
         </View>
       </View>
-    </ScreenShell>
+    </ViewWrapper>
   );
 };