diff --git a/src/component/SupplierComponent.js b/src/component/SupplierComponent.js
index 4f1fda2..ce2affb 100644
--- a/src/component/SupplierComponent.js
+++ b/src/component/SupplierComponent.js
@@ -176,11 +176,11 @@ export const SupplierComponent = observer((props) => {
         const response = await store.supplier.update(idData, data);
         response?.body?.statusCode === 201 || response?.body?.statusCode === 200
           ? message.success(
-              response?.body?.message || "Berhasil Ubah Data Supplier"
-            )
+            response?.body?.message || "Berhasil Ubah Data Supplier"
+          )
           : message.error(
-              response?.body?.message || "Gagal Ubah Data Supplier"
-            );
+            response?.body?.message || "Gagal Ubah Data Supplier"
+          );
       } catch (e) {
         modalLoader.setLoading(false);
         message.error(e.response?.body?.message || "Gagal Ubah Data Supplier");
@@ -374,6 +374,13 @@ export const SupplierComponent = observer((props) => {
           >
             <Input />
           </Form.Item>
+          <Form.Item
+            name="url"
+            label="Url"
+            rules={[{ required: true, message: "Please input url!" }]}
+          >
+            <Input />
+          </Form.Item>
           {!idData && (
             <Form.Item
               name="code"