diff --git a/addons/hr_recruitment/static/src/views/form_view.js b/addons/hr_recruitment/static/src/views/form_view.js
new file mode 100644
index 00000000000..60d4a971b8a
--- /dev/null
+++ b/addons/hr_recruitment/static/src/views/form_view.js
@@ -0,0 +1,28 @@
+/** @odoo-module */
+
+import { registry } from '@web/core/registry';
+
+import { formView } from '@web/views/form/form_view';
+import { FormController } from '@web/views/form/form_controller';
+
+export class InterviewerFormController extends FormController {
+
+    /**
+     * Add `o_applicant_interviewer_form` class if necessary
+     */
+    get className() {
+        const result = super.className;
+        const root = this.model.root;
+        if (!root.data.interviewer_ids || !root.data.user_id) {
+            return result;
+        }
+        result["o_applicant_interviewer_form"] = root.data.interviewer_ids.records.findIndex(
+            interviewer => interviewer.data.id === root.data.user_id[0]) > -1;
+        return result;
+    }
+}
+
+registry.category('views').add('hr_recruitment_interviewer', {
+    ...formView,
+    Controller: InterviewerFormController,
+});
diff --git a/addons/hr_recruitment/views/hr_applicant_views.xml b/addons/hr_recruitment/views/hr_applicant_views.xml
index 3f59ce9d0e4..424fefef76b 100644
--- a/addons/hr_recruitment/views/hr_applicant_views.xml
+++ b/addons/hr_recruitment/views/hr_applicant_views.xml
@@ -181,7 +181,8 @@
         <field name="mode">primary</field>
         <field name="arch" type="xml">
             <xpath expr="//form" position="attributes">
-                <attribute name="class">o_applicant_form o_applicant_interviewer_form</attribute>
+                <attribute name="js_class">hr_recruitment_interviewer</attribute>
+                <attribute name="class">o_applicant_form</attribute>
             </xpath>
             <xpath expr="//group[@name='recruitment_contract']" position="replace"/>
         </field>