diff --git a/scss/_mixins.scss b/scss/_mixins.scss
index 80ab5c81b..2c28da525 100644
--- a/scss/_mixins.scss
+++ b/scss/_mixins.scss
@@ -48,7 +48,7 @@
 // and ::after elements in the duotone case.
 @mixin fa-icon-solid($fa-var) {
   @extend %fa-icon;
-  @extend .fa-solid;
+  @extend .fas;
 
   &::before {
     content: unquote("\"#{ $fa-var }\"");
@@ -56,7 +56,7 @@
 }
 @mixin fa-icon-regular($fa-var) {
   @extend %fa-icon;
-  @extend .fa-regular;
+  @extend .far;
 
   &::before {
     content: unquote("\"#{ $fa-var }\"");
@@ -64,7 +64,7 @@
 }
 @mixin fa-icon-brands($fa-var) {
   @extend %fa-icon;
-  @extend .fa-brands;
+  @extend .fab;
 
   &::before {
     content: unquote("\"#{ $fa-var }\"");