diff --git a/app/assets/stylesheets/common/base/_topic-list.scss b/app/assets/stylesheets/common/base/_topic-list.scss
index 26bee81e6e8..e29caaaae42 100644
--- a/app/assets/stylesheets/common/base/_topic-list.scss
+++ b/app/assets/stylesheets/common/base/_topic-list.scss
@@ -252,7 +252,7 @@ ol.category-breadcrumb {
 }
 
 .d-icon-thumbtack.unpinned {
-  @include rotate(180deg, 1);
+  @include fa-rotate(180deg, 1);
   color: $primary;
   /* because it is rotated, right becomes left! */
   padding-left: 3px;
diff --git a/app/assets/stylesheets/common/foundation/mixins.scss b/app/assets/stylesheets/common/foundation/mixins.scss
index 0fde66a24b7..a4fa84fcd68 100644
--- a/app/assets/stylesheets/common/foundation/mixins.scss
+++ b/app/assets/stylesheets/common/foundation/mixins.scss
@@ -87,7 +87,7 @@ $breakpoints: (
   appearance: none;
 }
 
-@mixin rotate($degrees, $rotation) {
+@mixin fa-rotate($degrees, $rotation) {
   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation})";
   -webkit-transform: rotate($degrees);
   -ms-transform: rotate($degrees);