diff --git a/jikimo_frontend/static/src/js/custom_form_status_indicator.js b/jikimo_frontend/static/src/js/custom_form_status_indicator.js
index 100542b8..de50eddc 100644
--- a/jikimo_frontend/static/src/js/custom_form_status_indicator.js
+++ b/jikimo_frontend/static/src/js/custom_form_status_indicator.js
@@ -128,8 +128,7 @@ patch(ListRenderer.prototype, 'jikimo_frontend.ListRenderer', {
         this.allColumns.forEach(_ => {
             if( tableRequiredList.indexOf(_.name) >= 0 ) {
                 const dom =  $(`th[data-name=${_.name}]`)
-                let t = dom.html()
-                dom.html('<i style="color: red;margin-left: -4px;position: absolute;left: 0">*</i>' + t)
+                dom.addClass('addRequired')
             }
         })
     }
diff --git a/jikimo_frontend/static/src/scss/custom_style.scss b/jikimo_frontend/static/src/scss/custom_style.scss
index f7195534..3c106665 100644
--- a/jikimo_frontend/static/src/scss/custom_style.scss
+++ b/jikimo_frontend/static/src/scss/custom_style.scss
@@ -478,4 +478,14 @@ div:has(.o_required_modifier) > label::before {
     width: auto !important;
     flex: unset;
 }
-
+.addRequired {
+  padding-left: calc(0.3rem + 2px)!important;
+}
+.addRequired:before {
+  content: '*';
+  color: red;
+  position: absolute;
+  left: 0;
+  top: 50%;
+  transform: translateY(-50%);
+}
\ No newline at end of file