diff --git a/resources/assets/vue/components/address/forms/SetDefaultBillingAddressComponent.vue b/resources/assets/vue/components/address/forms/SetDefaultBillingAddressComponent.vue
new file mode 100644
index 00000000..6d5b457e
--- /dev/null
+++ b/resources/assets/vue/components/address/forms/SetDefaultBillingAddressComponent.vue
@@ -0,0 +1,25 @@
+<template>
+    <div class="row">
+        <div class="col">
+            <button class="btn btn-lg btn-default bg-master-lightest b-rad-none all-caps fs-12" data-dismiss="modal">Cancel</button>
+        </div>
+        <div class="col-auto">
+            <button class="btn btn-lg btn-success b-rad-none all-caps fs-12" @click="submitForm()">Set as default</button>
+        </div>
+    </div>
+</template>
+<script>
+    import componentHandler from '../../../general/mixins/componentHandler';
+    import ModalFormHandler from '../../../general/mixins/modalFormHandler';
+    export default {
+
+        methods: {
+            submitForm(){
+                this.submit(route('api.address.default', this.item.id), 'put', this.section, true, true);
+                this.$emit('updateBillingAddress', this.item.id);
+            }
+        },
+        mixins: [componentHandler, ModalFormHandler]
+
+    }
+</script>
\ No newline at end of file