diff --git a/boilerplate/app/screens/DemoShowroomScreen/DemoShowroomScreen.tsx b/boilerplate/app/screens/DemoShowroomScreen/DemoShowroomScreen.tsx
index eb3c806c9..a87375f78 100644
--- a/boilerplate/app/screens/DemoShowroomScreen/DemoShowroomScreen.tsx
+++ b/boilerplate/app/screens/DemoShowroomScreen/DemoShowroomScreen.tsx
@@ -120,7 +120,11 @@ export const DemoShowroomScreen: FC<DemoTabScreenProps<"DemoShowroom">> =
         </SafeAreaView>
       )}
     >
-      <Screen preset="fixed" safeAreaEdges={["top", "bottom"]}>
+      <Screen
+        preset="fixed"
+        safeAreaEdges={["top", "bottom"]}
+        contentContainerStyle={$screenContainer}
+      >
         <DrawerIconButton onPress={toggleDrawer} {...{ open, progress }} />
 
         <SectionList
@@ -152,6 +156,10 @@ export const DemoShowroomScreen: FC<DemoTabScreenProps<"DemoShowroom">> =
   )
 }
 
+const $screenContainer: ViewStyle = {
+  flex: 1,
+}
+
 const $drawer: ViewStyle = {
   flex: 1,
 }
diff --git a/boilerplate/package.json b/boilerplate/package.json
index 64208c7fa..435cd0b1d 100644
--- a/boilerplate/package.json
+++ b/boilerplate/package.json
@@ -121,7 +121,8 @@
     "regenerator-runtime": "^0.13.4",
     "ts-jest": "26",
     "typescript": "4.7.3",
-    "webpack": "4"
+    "webpack": "4",
+    "webpack-dev-server": "^3"
   },
   "resolutions": {
     "@types/react": "^17",