3 files changed, 17 insertions, 8 deletions
diff --git a/addons/web_editor/static/src/scss/web_editor.common.scss b/addons/web_editor/static/src/scss/web_editor.common.scss
index ddc6efd50b6..baac51c3adf 100644
--- a/addons/web_editor/static/src/scss/web_editor.common.scss
+++ b/addons/web_editor/static/src/scss/web_editor.common.scss
@@ -180,10 +180,11 @@ html[data-browser^="msie"] div.media_iframe_video iframe {
 
 // Fields
 address {
-    .fa.fa-mobile-phone {
+    .fa.fa-mobile-alt,
+    .fas.fa-mobile-alt {
         margin: 0 3px 0 2px;
     }
-    .fa.fa-file-text-o {
+    .far.fa-file-alt {
         margin-right: 1px;
     }
 }
diff --git a/addons/web_editor/static/src/scss/wysiwyg.scss b/addons/web_editor/static/src/scss/wysiwyg.scss
index f47cb99b055..ebd84429fa9 100644
--- a/addons/web_editor/static/src/scss/wysiwyg.scss
+++ b/addons/web_editor/static/src/scss/wysiwyg.scss
@@ -363,6 +363,7 @@ body .modal {
 
             input:checked + i::before {
                 content: "\f00c";
+                font-weight: 900;
                 @include o-position-absolute($top: 6px, $left: 5px);
             }
 
diff --git a/addons/web_editor/static/src/scss/wysiwyg_snippets.scss b/addons/web_editor/static/src/scss/wysiwyg_snippets.scss
index f95c74a43c4..24cdd58a221 100644
--- a/addons/web_editor/static/src/scss/wysiwyg_snippets.scss
+++ b/addons/web_editor/static/src/scss/wysiwyg_snippets.scss
@@ -227,7 +227,8 @@ body.editor_enable.editor_has_snippets {
                 width: 1em;
                 right: 0.5em;
                 text-align: center;
-                font-family: FontAwesome;
+                font-family: 'Font Awesome 5 Free';
+                font-weight: 900;
             }
         }
 
@@ -515,7 +516,7 @@ body.editor_enable.editor_has_snippets {
                     display: flex;
                     justify-content: center;
                     align-items: center;
-                    font-family: FontAwesome !important;
+                    font-family: 'Font Awesome 5 Free' !important;
                     color: $o-we-color-success;
                 }
 
@@ -679,7 +680,7 @@ body.editor_enable.editor_has_snippets {
                     border: solid 1px darken($o-we-handles-accent-color, 10%);
                     line-height: $o-we-handles-btn-size - 2;
                     font-size: 14px;
-                    font-family: FontAwesome;
+                    font-family: 'Font Awesome 5 Free';
                     background-color: darken($o-we-handles-accent-color, 20%);
                     color: white;
                 }
@@ -696,12 +697,14 @@ body.editor_enable.editor_has_snippets {
 
                 &.w:after,
                 &.e:after {
-                    content: "\f07e";
+                    content: "\f337";
+                    font-weight: 900;
                 }
 
                 &.s:after,
                 &.n:after {
-                    content: "\f07d";
+                    content: "\f338";
+                    font-weight: 900;
                 }
 
                 &.o_handle_start {
@@ -709,11 +712,13 @@ body.editor_enable.editor_has_snippets {
                     &.w:after,
                     &.e:after {
                         content: '\f061';
+                        font-weight: 900;
                     }
 
                     &.n:after,
                     &.s:after {
                         content: '\f063';
+                        font-weight: 900;
                     }
                 }
 
@@ -722,11 +727,13 @@ body.editor_enable.editor_has_snippets {
                     &.w:after,
                     &.e:after {
                         content: '\f060';
+                        font-weight: 900;
                     }
 
                     &.n:after,
                     &.s:after {
                         content: '\f062';
+                        font-weight: 900;
                     }
                 }
 
@@ -771,7 +778,7 @@ body.editor_enable.editor_has_snippets {
                 &::before, &::after {
                     content: '\f141';
                     display: block;
-                    font-family: FontAwesome;
+                    font-family: 'Font Awesome 5 Free';
                     font-size: 0.8em;
                     line-height: 0.35em;
                 }