diff --git a/app/(application)/position/_layout.tsx b/app/(application)/position/_layout.tsx
index 8b46369..e45844b 100644
--- a/app/(application)/position/_layout.tsx
+++ b/app/(application)/position/_layout.tsx
@@ -43,7 +43,10 @@ export default function RootLayout() {
                <MenuItemRow
                   icon={<AntDesign name="pluscircle" color="black" size={25} />}
                   title="Tambah Jabatan"
-                  onPress={() => { setVisibleTambah(true) }}
+                  onPress={() => {
+                     setVisible(false)
+                     setVisibleTambah(true)
+                  }}
                />
                <MenuItemRow
                   icon={<AntDesign name="filter" color="black" size={25} />}
@@ -53,10 +56,13 @@ export default function RootLayout() {
             </View>
          </DrawerBottom>
 
-         <DrawerBottom animation="none" isVisible={isVisibleTambah} setVisible={setVisibleTambah} title="Tambah Lembaga Desa">
+         <DrawerBottom animation="slide" isVisible={isVisibleTambah} setVisible={setVisibleTambah} title="Tambah Lembaga Desa">
             <View style={{ justifyContent: 'space-between', flex: 1 }}>
                <View>
-                  <SelectForm label="Lembaga Desa" placeholder="Pilih Lembaga Desa" value={choose.label} required onPress={() => { setSelect(true) }} />
+                  <SelectForm label="Lembaga Desa" placeholder="Pilih Lembaga Desa" value={choose.label} required onPress={() => {
+                     setVisibleTambah(false)
+                     setSelect(true)
+                  }} />
                   <InputForm type="default" placeholder="Nama Jabatan" required label="Jabatan" />
                </View>
                <View>
@@ -76,6 +82,7 @@ export default function RootLayout() {
             onSelect={(value) => {
                setChoose(value)
                setSelect(false)
+               setVisibleTambah(true)
             }}
             title="Lembaga Desa"
             choose={choose.val}