diff --git a/src/components/partials/TableBudget.vue b/src/components/partials/TableBudget.vue
index c55eff59109172824a723db1f6d7f16d7d30644a..3693398353309f093c36101c88c6a21a4db62d47 100644
--- a/src/components/partials/TableBudget.vue
+++ b/src/components/partials/TableBudget.vue
@@ -58,7 +58,7 @@
               Ubah Admin
             </b-button>
             <b-button
-              v-on:click="removeAdmin()"
+              v-on:click="showModal()"
               variant="danger"
               size="sm"
             >
@@ -114,6 +114,22 @@
           ></b-pagination>
       </b-row>
     </b-col>
+    <!-- Modal Component -->
+    <b-modal
+      id="confirmation-modal"
+      centered
+      title="Konfirmasi"
+      v-model="modalVisibility"
+      ok-title="Kosongkan"
+      cancel-title="Batal"
+      ok-variant="danger"
+      @ok="removeAdmin()"
+    >
+      <p align="center" class="my-4">
+        Apakah Anda yakin ingin mengosongkan Admin?<br>
+        <b>Tindakan ini tidak dapat diurungkan.</b>
+      </p>
+    </b-modal>
   </b-container>
 </template>
 
@@ -140,6 +156,7 @@ export default {
         { value: '3', text: 'Ricky Kennedy' }
       ],
       selected : 0,
+      modalVisibility : false
     }
   },
   computed: {
@@ -188,6 +205,9 @@ export default {
     },
     seeDetail : function(row) {
       this.$emit('changeActivity',row.item.id);
+    },
+    showModal : function() {
+      this.modalVisibility = true;
     }
       
   },