diff --git a/addons/project/static/src/js/right_panel/project_utils.js b/addons/project/static/src/js/right_panel/project_utils.js
index 5751f31af54..719dfd06dfb 100644
--- a/addons/project/static/src/js/right_panel/project_utils.js
+++ b/addons/project/static/src/js/right_panel/project_utils.js
@@ -72,7 +72,7 @@ export class OpenMilestone extends MilestoneComponent {
         super(...arguments);
         this.milestone = useState(this.props.milestone);
         this.state.colorClass = this.milestone.is_deadline_exceeded ? "o_milestone_danger" : "";
-        this.state.checkboxIcon = this.milestone.is_reached ? "fa-check-square" : "fa-square-o";
+        this.state.checkboxIcon = this.milestone.is_reached ? "fa-check-square-o" : "fa-square-o";
     }
 
     get OPEN_PROJECT_MILESTONE() {
@@ -87,7 +87,7 @@ export class OpenMilestone extends MilestoneComponent {
         if (nextProps.milestone) {
             this.milestone = nextProps.milestone;
             this.state.colorClass = this.milestone.is_deadline_exceeded ? "o_milestone_danger" : "";
-            this.state.checkboxIcon = this.milestone.is_reached ? "fa-check-square" : "fa-square-o";
+            this.state.checkboxIcon = this.milestone.is_reached ? "fa-check-square-o" : "fa-square-o";
         }
         if (nextProps.context) {
             this.contextValue = nextProps.context;
diff --git a/addons/project/static/src/scss/project_rightpanel.scss b/addons/project/static/src/scss/project_rightpanel.scss
index 230c2a4f4bd..4755f7e9f2c 100644
--- a/addons/project/static/src/scss/project_rightpanel.scss
+++ b/addons/project/static/src/scss/project_rightpanel.scss
@@ -88,7 +88,7 @@ html .o_web_client > .o_action_manager > .o_action > .o_content > .o_controller_
                 margin-bottom: $o-rightpanel-p-tiny;
                 display: flex;
                 &.o_milestone_danger {
-                    color: red;
+                    color: $red;
                 }
                 .o_milestone_checkbox {
                     cursor: pointer;