diff --git a/src/navigation/home.navigator.tsx b/src/navigation/home.navigator.tsx
index 2cf46e13c..b778f3f89 100644
--- a/src/navigation/home.navigator.tsx
+++ b/src/navigation/home.navigator.tsx
@@ -11,7 +11,15 @@ import { HomeDrawer } from '../scenes/home/home-drawer.component';
 const BottomTab = createBottomTabNavigator();
 const Drawer = createDrawerNavigator();
 
-// Can we access it from `HomeNavigator`?
+/*
+ * When dev is true in .expo/settings.json (started via `start:dev`),
+ * open Components tab as default.
+ */
+const initialTabRoute: string = __DEV__ ? 'Components' : 'Layouts';
+
+/*
+ * Can we access it from `HomeNavigator`?
+ */
 const ROOT_ROUTES: string[] = ['Home', 'Layouts', 'Components', 'Themes'];
 
 const isOneOfRootRoutes = (currentRoute: RouteProp<any, any>): boolean => {
@@ -26,6 +34,7 @@ const TabBarVisibleOnRootScreenOptions = ({ route }): BottomTabNavigationOptions
 const HomeTabsNavigator = (): React.ReactElement => (
   <BottomTab.Navigator
     screenOptions={TabBarVisibleOnRootScreenOptions}
+    initialRouteName={initialTabRoute}
     tabBar={props => <HomeBottomNavigation {...props} />}>
     <BottomTab.Screen name='Layouts' component={LayoutsNavigator}/>
     <BottomTab.Screen name='Components' component={ComponentsNavigator}/>