diff --git a/ios/Podfile.lock b/ios/Podfile.lock
index 069c579..b7bc898 100644
--- a/ios/Podfile.lock
+++ b/ios/Podfile.lock
@@ -293,7 +293,7 @@ PODS:
     - React-Core
   - RNCMaskedView (0.1.11):
     - React
-  - RNGestureHandler (2.3.0):
+  - RNGestureHandler (2.2.0):
     - React-Core
   - RNLanguages (3.0.2):
     - React
@@ -325,7 +325,7 @@ PODS:
     - React-RCTText
     - ReactCommon/turbomodule/core
     - Yoga
-  - RNScreens (3.13.0):
+  - RNScreens (3.13.1):
     - React-Core
     - React-RCTImage
   - RNVectorIcons (9.1.0):
@@ -508,10 +508,10 @@ SPEC CHECKSUMS:
   ReactNativeLocalization: 076497d7ca70341c751cd3b3e7c86187332a182d
   RNCAsyncStorage: b49b4e38a1548d03b74b30e558a1d18465b94be7
   RNCMaskedView: 0e1bc4bfa8365eba5fbbb71e07fbdc0555249489
-  RNGestureHandler: 77d59828d40838c9fabb76a12d2d0a80c006906f
+  RNGestureHandler: bf572f552ea324acd5b5464b8d30755b2d8c1de6
   RNLanguages: 962e562af0d34ab1958d89bcfdb64fafc37c513e
   RNReanimated: 32c91e28f5780937b8efc07ddde1bab8d373fe0b
-  RNScreens: aa12070b21c1d6011b3627a0b1d09b627232b070
+  RNScreens: 40a2cb40a02a609938137a1e0acfbf8fc9eebf19
   RNVectorIcons: 7923e585eaeb139b9f4531d25a125a1500162a0b
   WebRTC-lib: 508fe02efa0c1a3a8867082a77d24c9be5d29aeb
   Yoga: 9b6696970c3289e8dea34b3eda93f23e61fb8121
diff --git a/react-native/app/components/button/component.tsx b/react-native/app/components/button/component.tsx
index 16bfbd2..c1baf66 100644
--- a/react-native/app/components/button/component.tsx
+++ b/react-native/app/components/button/component.tsx
@@ -1,19 +1,16 @@
-import React from 'react'
-import { Text } from 'react-native'
-import { TouchableOpacity } from 'react-native-gesture-handler'
-import { ButtonAppStyle, TextButton } from './styles';
+import React from 'react';
+import {ButtonAppStyle, TextButton} from './styles';
 
 type IButtonApp = {
-    children?: object
-    onPress?: Function
-}
-export const ButtonApp = ({children, onPress}:IButtonApp)=>{
-    return (
-        <>
-            <ButtonAppStyle onPress={onPress}>
-                <TextButton>{children}</TextButton>
-            </ButtonAppStyle>
-            
-        </>
-    )
-}
\ No newline at end of file
+  children?: object;
+  onPress?: Function;
+};
+export const ButtonApp = ({children, onPress}: IButtonApp) => {
+  return (
+    <>
+      <ButtonAppStyle onPress={onPress}>
+        <TextButton>{children}</TextButton>
+      </ButtonAppStyle>
+    </>
+  );
+};
diff --git a/react-native/app/components/button/styles.ts b/react-native/app/components/button/styles.ts
index 1da892c..ccbd915 100644
--- a/react-native/app/components/button/styles.ts
+++ b/react-native/app/components/button/styles.ts
@@ -1,19 +1,17 @@
 import styled from 'styled-components/native';
-import { colors } from '../../styles/colors';
-
+import {colors} from '../../styles/colors';
 
 export const ButtonAppStyle = styled.TouchableHighlight`
-    height: 50px;
-    font-size: 22px;
-    background-color: ${colors.primary_light};
-    border-radius: 5px;
-    align-items: center;
-    justify-content: center;
-`
+  height: 50px;
+  font-size: 22px;
+  background-color: ${colors.primary_light};
+  border-radius: 5px;
+  align-items: center;
+  justify-content: center;
+`;
 
 export const TextButton = styled.Text`
-    font-size: 22px;
-    font-weight: bold;
-    color: #fff;
-
-`
\ No newline at end of file
+  font-size: 22px;
+  font-weight: bold;
+  color: #fff;
+`;
diff --git a/react-native/app/pages/list_portals/component.tsx b/react-native/app/pages/list_portals/component.tsx
index c6fab7c..f6cf8d7 100644
--- a/react-native/app/pages/list_portals/component.tsx
+++ b/react-native/app/pages/list_portals/component.tsx
@@ -1,120 +1,153 @@
-import AsyncStorage from '@react-native-async-storage/async-storage'
-import React, { useRef } from 'react'
-import { ButtonDelete, ButtonOpen, DivButtonDelete, DivDelete, ItemList, TextButtonOpen, TextItem, TextWithoutPortal, WrapperItemListText, WrapperItemListView, WrapperList, WrapperListContainer, WrapperViewAdd } from './styles'
-import { usePortal } from '../../contexts/portals/hook';
-import { Modalize } from 'react-native-modalize';
-import { StorePortals } from '../store_portals/component';
+import AsyncStorage from '@react-native-async-storage/async-storage';
+import React from 'react';
+import {
+  ButtonDelete,
+  ButtonOpen,
+  DivButtonDelete,
+  DivDelete,
+  ItemList,
+  TextButtonOpen,
+  TextWithoutPortal,
+  WrapperItemListText,
+  WrapperListContainer,
+  WrapperViewAdd,
+} from './styles';
+import {usePortal} from '../../contexts/portals/hook';
+import {Modalize} from 'react-native-modalize';
+import {StorePortals} from '../store_portals/component';
 import FontAwesome5 from 'react-native-vector-icons/FontAwesome5';
-import { colors } from '../../styles/colors';
-import { SwipeListView } from 'react-native-swipe-list-view';
-import { IHandles } from 'react-native-modalize/lib/options';
-import { IItem, IItemDelete, IListPortalsDTO } from './types'
-import i18next from 'i18next'
-import { initTranslation } from '../../translations/index';
+import {colors} from '../../styles/colors';
+import {SwipeListView} from 'react-native-swipe-list-view';
+import {IHandles} from 'react-native-modalize/lib/options';
+import {IItem, IItemDelete, IListPortalsDTO} from './types';
+import i18next from 'i18next';
+import {initTranslation} from '../../translations/index';
 
-export const ListPortals = ({ navigation }: IListPortalsDTO)=>{
-
-    initTranslation()
-    const icon = <FontAwesome5 color={colors.white} solid size={18} name={'plus'} />;
-    const {portals, setPortals} = usePortal()
-    async function getPortals(){
-        try{            
-            let items = await AsyncStorage.getAllKeys()
-            if(items.includes('portal')){
-                
-                let portalsStorage = await AsyncStorage.getItem('portal')
-                portalsStorage = JSON.parse(portalsStorage as string)
-                setPortals(portalsStorage)
-                
-            } else {
-                console.log('Error: Dont Have Portals Storage')
-            }
-        } catch(e){
-            console.log('error',e)
-        }        
+export const ListPortals = ({navigation}: IListPortalsDTO) => {
+  initTranslation();
+  const icon = (
+    <FontAwesome5 color={colors.white} solid size={18} name={'plus'} />
+  );
+  const {portals, setPortals} = usePortal();
+  async function getPortals() {
+    try {
+      let items = await AsyncStorage.getAllKeys();
+      if (items.includes('portal')) {
+        let portalsStorage = await AsyncStorage.getItem('portal');
+        portalsStorage = JSON.parse(portalsStorage as string);
+        setPortals(portalsStorage);
+      } else {
+        console.log('Error: Dont Have Portals Storage');
+      }
+    } catch (e) {
+      console.log('error', e);
     }
+  }
 
-    React.useEffect(()=>{getPortals()}, [])            
+  React.useEffect(() => {
+    getPortals();
+  }, []);
 
-    const modalizeRef = useRef<Modalize>(null);
+  const modalizeRef = React.useRef<Modalize>(null);
 
-    const onOpen = () => modalizeRef.current?.open();    
+  const onOpen = () => modalizeRef.current?.open();
 
-    const DeleteItem = async (item:IItemDelete)=>{  
-        try{            
-            let items = await AsyncStorage.getAllKeys()
-            if(items.includes('portal')){
-                
-                let portalsStorage = await AsyncStorage.getItem('portal')
-                portalsStorage = JSON.parse(portalsStorage as string)
-                const newPortalStorage = portalsStorage?.filter((portalItem: IItemDelete)=>{
-                    if(item.name == portalItem.name) return false                  
-                    return portalItem
-                })
-
-                await AsyncStorage.setItem('portal', JSON.stringify(newPortalStorage))
-                setPortals(newPortalStorage)                                           
-            } else {
-                console.log('Error: Dont have Portals in Storage')
+  const DeleteItem = async (item: IItemDelete) => {
+    try {
+      let items = await AsyncStorage.getAllKeys();
+      if (items.includes('portal')) {
+        let portalsStorage = await AsyncStorage.getItem('portal');
+        portalsStorage = JSON.parse(portalsStorage as string);
+        const newPortalStorage = portalsStorage?.filter(
+          (portalItem: IItemDelete) => {
+            if (item.name == portalItem.name) {
+              return false;
             }
-        } catch(e){
-            console.log('error',e)
-        }     
+            return portalItem;
+          },
+        );
+
+        await AsyncStorage.setItem('portal', JSON.stringify(newPortalStorage));
+        setPortals(newPortalStorage);
+      } else {
+        console.log('Error: Dont have Portals in Storage');
+      }
+    } catch (e) {
+      console.log('error', e);
     }
+  };
 
-    const onPress = (namePortal:string) => navigation.navigate(namePortal);
+  const onPress = (namePortal: string) => navigation.navigate(namePortal);
 
-    const Item = ({namePortal, url}: IItem)=>(                
-        <WrapperItemListText onPress={()=>onPress(namePortal)}>              
-                <ItemList bold>{namePortal}</ItemList>
-                <ItemList>{url}</ItemList>
-        </WrapperItemListText>        
-    )
+  const Item = ({namePortal, url}: IItem) => (
+    <WrapperItemListText onPress={() => onPress(namePortal)}>
+      <ItemList bold>{namePortal}</ItemList>
+      <ItemList>{url}</ItemList>
+    </WrapperItemListText>
+  );
 
-    return (
-        <WrapperListContainer>
+  return (
+    <WrapperListContainer>
+      <ButtonOpen onPress={onOpen}>
+        <TextButtonOpen>
+          {i18next.t('mobileApp.portals.list.add.button.label')} {icon}
+        </TextButtonOpen>
+      </ButtonOpen>
 
-            <ButtonOpen onPress={onOpen}>
-                <TextButtonOpen>{i18next.t("mobileApp.portals.list.add.button.label")} {icon}</TextButtonOpen>
-            </ButtonOpen>
-            
-            <Modalize ref={modalizeRef} adjustToContentHeight={true}>
-                <WrapperViewAdd>
-                    <StorePortals modalizeRef={modalizeRef as unknown as IHandles} navigation={navigation}/>
-                </WrapperViewAdd>
-            </Modalize>
+      <Modalize ref={modalizeRef} adjustToContentHeight={true}>
+        <WrapperViewAdd>
+          <StorePortals
+            modalizeRef={modalizeRef as unknown as IHandles}
+            navigation={navigation}
+          />
+        </WrapperViewAdd>
+      </Modalize>
 
-            {
-                portals && portals.length != 0 ?
-                <SwipeListView
-                    useFlatList={true}
-                    data={portals}
-                    renderItem={(rowData, rowMap) => <Item onPress={onPress} key={rowData.index} namePortal={rowData.item.name} url={rowData.item.url}/>}
-                    renderHiddenItem={ (rowData, rowMap) => (
-                        <DivDelete>
-                            <DivButtonDelete>
-                                <ButtonDelete onPress={()=>DeleteItem(rowData.item as IItemDelete)}>
-                                    <FontAwesome5 size={20} color={colors.primary} name={'trash'}/>
-                                </ButtonDelete>
-                            </DivButtonDelete>
-                        </DivDelete>
-                    )}
-                    leftOpenValue={0}
-                    rightOpenValue={-80}
-                    disableRightSwipe={true}
-                    closeOnRowPress={true}     
-                    closeOnRowOpen={true}                                   
-                    onRowOpen={(rowKey, rowMap) => {
-                        //This timeout is recommended https://github.com/jemise111/react-native-swipe-list-view/blob/master/docs/migrating-to-flatlist.md
-                        setTimeout(() => {
-                            if(rowMap[rowKey] != undefined){
-                                rowMap[rowKey].closeRow()
-                            }
-                        }, 3000)                                                    
-                    }}
-                /> 
-                : <TextWithoutPortal>{i18next.t("mobileApp.portals.list.empty.label")}</TextWithoutPortal>
-            }
-        </WrapperListContainer>
-    )
-}
\ No newline at end of file
+      {portals && portals.length != 0 ? (
+        <SwipeListView
+          useFlatList={true}
+          data={portals}
+          renderItem={rowData => (
+            <Item
+              onPress={onPress}
+              key={rowData.index}
+              namePortal={rowData.item.name}
+              url={rowData.item.url}
+            />
+          )}
+          renderHiddenItem={rowData => (
+            <DivDelete>
+              <DivButtonDelete>
+                <ButtonDelete
+                  onPress={() => DeleteItem(rowData.item as IItemDelete)}>
+                  <FontAwesome5
+                    size={20}
+                    color={colors.primary}
+                    name={'trash'}
+                  />
+                </ButtonDelete>
+              </DivButtonDelete>
+            </DivDelete>
+          )}
+          leftOpenValue={0}
+          rightOpenValue={-80}
+          disableRightSwipe={true}
+          closeOnRowPress={true}
+          closeOnRowOpen={true}
+          onRowOpen={(rowKey, rowMap) => {
+            //This timeout is recommended https://github.com/jemise111/react-native-swipe-list-view/blob/master/docs/migrating-to-flatlist.md
+            setTimeout(() => {
+              if (rowMap[rowKey] != undefined) {
+                rowMap[rowKey].closeRow();
+              }
+            }, 3000);
+          }}
+        />
+      ) : (
+        <TextWithoutPortal>
+          {i18next.t('mobileApp.portals.list.empty.label')}
+        </TextWithoutPortal>
+      )}
+    </WrapperListContainer>
+  );
+};
diff --git a/react-native/app/pages/list_portals/types.ts b/react-native/app/pages/list_portals/types.ts
index 721fdf8..b3cf2a5 100644
--- a/react-native/app/pages/list_portals/types.ts
+++ b/react-native/app/pages/list_portals/types.ts
@@ -1,14 +1,15 @@
-import { DrawerScreenProps } from '@react-navigation/drawer';
+import {DrawerScreenProps} from '@react-navigation/drawer';
 export type IItem = {
-    url: string;
-    namePortal: string;
-}
+  url: string;
+  namePortal: string;
+  onPress?: any;
+};
 
 export type IListPortalsDTO = {
-    navigation: DrawerScreenProps
-}
+  navigation: DrawerScreenProps;
+};
 
-export type IItemDelete = { 
-    name: string;
-    url: string
-}
\ No newline at end of file
+export type IItemDelete = {
+  name: string;
+  url: string;
+};
diff --git a/react-native/app/pages/store_portals/component.tsx b/react-native/app/pages/store_portals/component.tsx
index 1c9e270..4bdd3a4 100644
--- a/react-native/app/pages/store_portals/component.tsx
+++ b/react-native/app/pages/store_portals/component.tsx
@@ -1,12 +1,17 @@
-import React from 'react'
-import { InputText } from '../../components/input/text/component';
-import { TextEmptyFileds, WrapperInput, WrapperStore, WrapperStoreContainer } from './styles';
-import { Text } from 'react-native';
-import { ButtonApp } from '../../components/button/component';
+import React from 'react';
+import {InputText} from '../../components/input/text/component';
+import {
+  TextEmptyFileds,
+  WrapperInput,
+  WrapperStore,
+  WrapperStoreContainer,
+} from './styles';
+import {Text} from 'react-native';
+import {ButtonApp} from '../../components/button/component';
 import AsyncStorage from '@react-native-async-storage/async-storage';
-import { usePortal } from '../../contexts/portals/hook';
-import { IStore } from './types';
-import { initTranslation } from '../../translations/index';
+import {usePortal} from '../../contexts/portals/hook';
+import {IStore} from './types';
+import {initTranslation} from '../../translations/index';
 import i18next from 'i18next';
 
 export const StorePortals = ({navigation, modalizeRef}: IStore) => {
@@ -49,6 +54,24 @@ export const StorePortals = ({navigation, modalizeRef}: IStore) => {
       newPortal(name, url);
       return null;
     }
+  }
+
+  const textEmptyFields = () => (
+    <>
+      {emptyFields ? (
+        <TextEmptyFileds>
+          {i18next.t('mobileApp.portals.addPortalPopup.validation.emptyFilds')}
+        </TextEmptyFileds>
+      ) : null}
+      {nameAlreadyUsed ? (
+        <TextEmptyFileds>
+          {i18next.t(
+            'mobileApp.portals.addPortalPopup.validation.portalNameAlreadyExists',
+          )}
+        </TextEmptyFileds>
+      ) : null}
+    </>
+  );;
 
   const textEmptyFields = () => (
     <>
diff --git a/react-native/app/pages/store_portals/styles.ts b/react-native/app/pages/store_portals/styles.ts
index ed708d6..6cde5a6 100644
--- a/react-native/app/pages/store_portals/styles.ts
+++ b/react-native/app/pages/store_portals/styles.ts
@@ -1,35 +1,31 @@
-import styled from 'styled-components/native'
-import { colors } from '../../styles/colors';
+import styled from 'styled-components/native';
+import {colors} from '../../styles/colors';
 
 export const WrapperStoreContainer = styled.View`
-    background-color: ${colors.white};
-    flex: 1 ;
-    justify-content: center;
-    align-items: center;
+  background-color: ${colors.white};
+  flex: 1;
+  justify-content: center;
+  align-items: center;
 `;
 
-
-
 export const WrapperStore = styled.View`
-    background-color: ${colors.primary};
-    width: 80%;
-    height: 95%;
-    border-radius: 10px;
-    align-items: center;
-    justify-content: center;
-    flex-direction: column;
-    padding: 5px;
-    padding-top: 20px;
-`
-
+  background-color: ${colors.primary};
+  width: 80%;
+  height: 95%;
+  border-radius: 10px;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  padding: 5px;
+  padding-top: 20px;
+`;
 
 export const WrapperInput = styled.View`
-    background-color: transparent;
-    width: 80%;
-    height: 100px;
-    margin: 20px;
-
-`
+  background-color: transparent;
+  width: 80%;
+  height: 100px;
+  margin: 20px;
+`;
 export const TextEmptyFileds = styled.Text`
-    color: ${colors.danger}
-`
\ No newline at end of file
+  color: ${colors.danger};
+`;
diff --git a/react-native/app/routes/component.js b/react-native/app/routes/component.js
index 961df83..22ddeca 100644
--- a/react-native/app/routes/component.js
+++ b/react-native/app/routes/component.js
@@ -1,58 +1,60 @@
 import * as React from 'react';
-import { NavigationContainer } from '@react-navigation/native';
-import { ListPortals } from '../pages/list_portals/component';
-import { usePortal } from '../contexts/portals/hook';
+import {NavigationContainer} from '@react-navigation/native';
+import {ListPortals} from '../pages/list_portals/component';
+import {usePortal} from '../contexts/portals/hook';
 import AsyncStorage from '@react-native-async-storage/async-storage';
 import i18next from 'i18next';
 
-import {
-  createDrawerNavigator,
-} from '@react-navigation/drawer';
+import {createDrawerNavigator} from '@react-navigation/drawer';
 import SdkContainer from '../../bootstrap/sdk/container';
-import { initTranslation } from '../translations/index';
+import {initTranslation} from '../translations/index';
 
 const Drawer = createDrawerNavigator();
-export const Routes = ()=>{
-  initTranslation()
-  
-  const {portals, setPortals} = usePortal()
-  async function getPortals(){
-      try{          
-          let items = await AsyncStorage.getAllKeys()
-          if(items.includes('portal')){              
-              let portalsStorage = await AsyncStorage.getItem('portal')
-              portalsStorage = JSON.parse(portalsStorage)
-              setPortals(portalsStorage)
-          }
-      } catch(e){
-          console.log('error', e)
-          return null
-      }      
+export const Routes = () => {
+  initTranslation();
+
+  const {portals, setPortals} = usePortal();
+  async function getPortals() {
+    try {
+      let items = await AsyncStorage.getAllKeys();
+      if (items.includes('portal')) {
+        let portalsStorage = await AsyncStorage.getItem('portal');
+        portalsStorage = JSON.parse(portalsStorage);
+        setPortals(portalsStorage);
+      }
+    } catch (e) {
+      console.log('error', e);
+      return null;
+    }
   }
 
-  React.useEffect(()=>{   
-    getPortals()
-  }, [])
+  React.useEffect(() => {
+    getPortals();
+  }, []);
 
   return (
-      
-      <NavigationContainer>
-        <Drawer.Navigator 
-            initialRouteName="Portals"
-            screenOptions={{ 
-              headerShown: false
-          }}
-        >
-          
-          <Drawer.Screen name={i18next.t("mobileApp.portals.drawerNavigation.button.label")} component={ListPortals} />         
-          { 
-            portals || portals != 0 ?
-            portals.map((item)=>{
-              return <Drawer.Screen key={item.name} name={item.name} children={()=> (<SdkContainer url={item.url}/>)}/>
-            }) : null
-          }
-
-        </Drawer.Navigator>
-      </NavigationContainer>
+    <NavigationContainer>
+      <Drawer.Navigator
+        initialRouteName="Portals"
+        screenOptions={{
+          headerShown: false,
+        }}>
+        <Drawer.Screen
+          name={i18next.t('mobileApp.portals.drawerNavigation.button.label')}
+          component={ListPortals}
+        />
+        {portals || portals != 0
+          ? portals.map(item => {
+              return (
+                <Drawer.Screen
+                  key={item.name}
+                  name={item.name}
+                  children={() => <SdkContainer url={item.url} />}
+                />
+              );
+            })
+          : null}
+      </Drawer.Navigator>
+    </NavigationContainer>
   );
-}
\ No newline at end of file
+};
diff --git a/react-native/app/routes/styles.ts b/react-native/app/routes/styles.ts
index 7e52db3..e69de29 100644
--- a/react-native/app/routes/styles.ts
+++ b/react-native/app/routes/styles.ts
@@ -1,3 +0,0 @@
-import styled from "styled-components/native"
-import { colors } from '../styles/colors';
-
diff --git a/react-native/app/styles/colors.ts b/react-native/app/styles/colors.ts
index 3a211ed..3a05403 100644
--- a/react-native/app/styles/colors.ts
+++ b/react-native/app/styles/colors.ts
@@ -1,15 +1,15 @@
 interface IColors {
-    primary: string
-    secundary: string
-    primary_light: string
-    white: string
-    danger: string
+  primary: string;
+  secundary: string;
+  primary_light: string;
+  white: string;
+  danger: string;
 }
 
 export const colors: IColors = {
-    primary: '#06172A',
-    secundary: '#F3F6F9',
-    primary_light: '#176DC8',
-    white: '#FFF',
-    danger: '#DF2621'
-}
\ No newline at end of file
+  primary: '#06172A',
+  secundary: '#F3F6F9',
+  primary_light: '#176DC8',
+  white: '#FFF',
+  danger: '#DF2621',
+};
diff --git a/react-native/bootstrap/sdk/container.tsx b/react-native/bootstrap/sdk/container.tsx
index aa5becf..db1822f 100644
--- a/react-native/bootstrap/sdk/container.tsx
+++ b/react-native/bootstrap/sdk/container.tsx
@@ -1,6 +1,7 @@
 import {BigbluebuttonMobile} from 'bigbluebutton-mobile-sdk';
 import React from 'react';
 import {StyleSheet, View, Platform} from 'react-native';
+import { SdkContainerDiv } from './styles';
 type ISdkContainer = {
   url: string;
   props?: any;
@@ -8,9 +9,9 @@ type ISdkContainer = {
 export default function SdkContainer({url}: ISdkContainer) {
   return (
     <>
-      <View style={styles.container}>
+      <SdkContainerDiv>
         <BigbluebuttonMobile url={url} style={styles.bbb} />
-      </View>
+      </SdkContainerDiv>
     </>
   );
 }
diff --git a/react-native/bootstrap/sdk/styles.ts b/react-native/bootstrap/sdk/styles.ts
new file mode 100644
index 0000000..b4790a4
--- /dev/null
+++ b/react-native/bootstrap/sdk/styles.ts
@@ -0,0 +1,6 @@
+import styled from "styled-components/native";
+
+export const SdkContainerDiv = styled.SafeAreaView`
+    flex: 1;
+    flex-direction: row;
+`
\ No newline at end of file
diff --git a/react-native/bootstrap/start/component.js b/react-native/bootstrap/start/component.js
index e54da00..c18c306 100644
--- a/react-native/bootstrap/start/component.js
+++ b/react-native/bootstrap/start/component.js
@@ -1,13 +1,12 @@
-import React from 'react'
-import { Routes } from '../../app/routes/component';
-import { PortalContextContainer } from '../../app/contexts/portals/container';
-
+import React from 'react';
+import {Routes} from '../../app/routes/component';
+import {PortalContextContainer} from '../../app/contexts/portals/container';
 
 //This file is used to envolve app in contexts, libs, etc..
-export const Bootstrap = ()=>{
-    return (  
-        <PortalContextContainer>
-            <Routes/>
-        </PortalContextContainer>                    
-    )
-}
\ No newline at end of file
+export const Bootstrap = () => {
+  return (
+    <PortalContextContainer>
+      <Routes />
+    </PortalContextContainer>
+  );
+};