diff --git a/addons/hr/static/src/components/work_permit_upload/work_permit_upload.js b/addons/hr/static/src/components/work_permit_upload/work_permit_upload.js
new file mode 100644
index 00000000000..6176fd1ef1a
--- /dev/null
+++ b/addons/hr/static/src/components/work_permit_upload/work_permit_upload.js
@@ -0,0 +1,9 @@
+/** @odoo-module **/
+
+import { registry } from "@web/core/registry";
+import { BinaryField } from "@web/views/fields/binary/binary_field";
+
+export class WorkPermitUploadField extends BinaryField {}
+WorkPermitUploadField.template = "hr.WorkPermitUploadField";
+
+registry.category("fields").add("work_permit_upload", WorkPermitUploadField);
diff --git a/addons/hr/static/src/components/work_permit_upload/work_permit_upload.xml b/addons/hr/static/src/components/work_permit_upload/work_permit_upload.xml
new file mode 100644
index 00000000000..9cb0958f026
--- /dev/null
+++ b/addons/hr/static/src/components/work_permit_upload/work_permit_upload.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<templates id="template" xml:space="preserve">
+
+    <t t-name="hr.WorkPermitUploadField" t-inherit="web.BinaryField" t-inherit-mode="primary" owl="1">
+        <xpath expr="//label[hasclass('o_select_file_button')]" position="attributes">
+            <attribute name="class" remove="btn-primary" add="btn-secondary" separator=" " />
+        </xpath>
+    </t>
+
+</templates>