diff --git a/.yarn/install-state.gz b/.yarn/install-state.gz
index 0801975..6fbf346 100644
Binary files a/.yarn/install-state.gz and b/.yarn/install-state.gz differ
diff --git a/example/package.json b/example/package.json
index 5956e06..0427fa5 100644
--- a/example/package.json
+++ b/example/package.json
@@ -6,9 +6,8 @@
     "start": "expo start",
     "android": "expo run:android",
     "ios": "expo run:ios",
-    "web": "run pre-web && expo start --web",
-    "web:build": "expo export -p web",
-    "web:before": "rm -rf ./node_modules/@expo/vector-icons && rm -rf node_modules/react-native-vector-icons"
+    "web": "expo start --web",
+    "web:build": "expo export -p web"
   },
   "dependencies": {
     "@expo/metro-runtime": "~4.0.0",
diff --git a/example/src/App.tsx b/example/src/App.tsx
index 37e3f24..2cfbad8 100644
--- a/example/src/App.tsx
+++ b/example/src/App.tsx
@@ -29,6 +29,7 @@ import routes from './Routes';
 import AsyncBoundaryScreen from './helpers/AsyncBoundaryScreen';
 import NavigationRoots from './NavigationRoots';
 import BottomRoots from './BottomRoots';
+import AppWebLayout from './AppWebLayout';
 
 const screens = createScreens(routes);
 
@@ -96,7 +97,7 @@ const navigationRoot = {
     {
       breakingPointWidth: 600,
       components: {
-        // override: HeaderWeb,
+        override: AppWebLayout,
         start: ({ orientation }) => {
           if (orientation === 'vertical') {
             return null;
diff --git a/example/src/HeaderWeb.tsx b/example/src/AppWebLayout.tsx
similarity index 88%
rename from example/src/HeaderWeb.tsx
rename to example/src/AppWebLayout.tsx
index d2fb821..d99a1b2 100644
--- a/example/src/HeaderWeb.tsx
+++ b/example/src/AppWebLayout.tsx
@@ -2,10 +2,9 @@ import type { BottomTabOverrideProps } from 'react-native-ridge-navigation';
 import { Button, Text, IconButton, useTheme } from 'react-native-paper';
 import { View } from 'react-native';
 import { BottomTabLink } from 'react-native-ridge-navigation';
+import BottomRoots from './BottomRoots';
 
-import { BottomRoot } from './Navigator';
-
-export default function HeaderWeb({
+export default function AppWebLayout({
   orientation,
   originalBottomTabs,
   children,
@@ -29,7 +28,7 @@ export default function HeaderWeb({
           <Text style={{ color: theme.colors.onBackground, fontSize: 22 }}>
             Logo
           </Text>
-          <BottomTabLink to={BottomRoot.Home} params={{}}>
+          <BottomTabLink to={BottomRoots.Home} params={{}}>
             {({ isSelected, ...linkProps }) => (
               <Button {...linkProps}>
                 <Text
@@ -40,7 +39,7 @@ export default function HeaderWeb({
               </Button>
             )}
           </BottomTabLink>
-          <BottomTabLink to={BottomRoot.Posts} params={{}}>
+          <BottomTabLink to={BottomRoots.Posts} params={{}}>
             {({ isSelected, ...linkProps }) => (
               <Button {...linkProps}>
                 <Text
@@ -52,7 +51,7 @@ export default function HeaderWeb({
             )}
           </BottomTabLink>
           <View>
-            <BottomTabLink to={BottomRoot.Account} params={{}}>
+            <BottomTabLink to={BottomRoots.Account} params={{}}>
               {({ isSelected, ...linkProps }) => (
                 <IconButton
                   {...linkProps}
diff --git a/package.json b/package.json
index 545edb8..8824692 100644
--- a/package.json
+++ b/package.json
@@ -44,7 +44,7 @@
     "clean": "del-cli lib",
     "prepare": "bob build",
     "release": "release-it --ci",
-    "build-example": "cd example && yarn web:before && yarn web:build"
+    "build-example": "cd example && yarn web:build"
   },
   "keywords": [
     "react-native",