diff --git a/app/src/app/_layout.tsx b/app/src/app/_layout.tsx
index c8d5a3c..d80af44 100644
--- a/app/src/app/_layout.tsx
+++ b/app/src/app/_layout.tsx
@@ -9,7 +9,9 @@ import "../global.css";
 export default function RootLayout(): JSX.Element {
   return (
     <GestureHandlerRootView style={{ flex: 1 }}>
-      <HeroUINativeProvider>
+      <HeroUINativeProvider
+        config={{ devInfo: { stylingPrinciples: false } }}
+      >
         <Stack screenOptions={{ headerShown: false }}>
           <Stack.Screen name="(tabs)" />
         </Stack>