diff --git a/app/assets/stylesheets/common/base/discourse.scss b/app/assets/stylesheets/common/base/discourse.scss
index e869bcd1cea..039e9fe2d3e 100644
--- a/app/assets/stylesheets/common/base/discourse.scss
+++ b/app/assets/stylesheets/common/base/discourse.scss
@@ -185,9 +185,11 @@ body {
 @keyframes rotate-forever {
   0% {
     transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
   }
   100% {
     transform: rotate(360deg);
+    -webkit-transform: rotate(360deg);
   }
 }
 
diff --git a/app/assets/stylesheets/common/base/magnific-popup.scss b/app/assets/stylesheets/common/base/magnific-popup.scss
index 18837345cdb..441ee54b535 100644
--- a/app/assets/stylesheets/common/base/magnific-popup.scss
+++ b/app/assets/stylesheets/common/base/magnific-popup.scss
@@ -600,12 +600,15 @@ button {
 @media all and (max-width: 900px) {
   .mfp-arrow {
     transform: scale(0.75);
+    -webkit-transform: scale(0.75);
   }
   .mfp-arrow-left {
     transform-origin: 0;
+    -webkit-transform-origin: 0;
   }
   .mfp-arrow-right {
     transform-origin: 100%;
+    -webkit-transform-origin: 100%;
   }
   .mfp-container {
     padding-left: $popup-padding-left-mobile;
diff --git a/app/assets/stylesheets/desktop/modal.scss b/app/assets/stylesheets/desktop/modal.scss
index 531cd225a05..2f0e0405175 100644
--- a/app/assets/stylesheets/desktop/modal.scss
+++ b/app/assets/stylesheets/desktop/modal.scss
@@ -25,8 +25,8 @@
 }
 
 .modal.in {
--webkit-animation: modal .25s;
-animation: modal .25s;
+    -webkit-animation: modal .25s;
+    animation: modal .25s;
 }
 
 //fade in and animate up
diff --git a/app/assets/stylesheets/vendor/font_awesome/_mixins.scss b/app/assets/stylesheets/vendor/font_awesome/_mixins.scss
index e7b9cbd1ae4..2f6f8cf0342 100644
--- a/app/assets/stylesheets/vendor/font_awesome/_mixins.scss
+++ b/app/assets/stylesheets/vendor/font_awesome/_mixins.scss
@@ -2,9 +2,11 @@
 // --------------------------
 
 @mixin fa-icon-rotate($degrees, $rotation) {
-          transform: rotate($degrees);
+    transform: rotate($degrees);
+    -webkit-transform: rotate($degrees);
 }
 
 @mixin fa-icon-flip($horiz, $vert, $rotation) {
-          transform: scale($horiz, $vert);
+    transform: scale($horiz, $vert);
+    -webkit-transform: scale($horiz, $vert);
 }
diff --git a/app/assets/stylesheets/vendor/font_awesome/_spinning.scss b/app/assets/stylesheets/vendor/font_awesome/_spinning.scss
index c352dc4f2c5..1e97236eb78 100644
--- a/app/assets/stylesheets/vendor/font_awesome/_spinning.scss
+++ b/app/assets/stylesheets/vendor/font_awesome/_spinning.scss
@@ -3,9 +3,10 @@
 
 .#{$fa-css-prefix}-spin {
   animation: spin 2s infinite linear;
+  -webkit-animation: spin 2s infinite linear;
 }
 
 @keyframes spin {
-  0% { transform: rotate(0deg); }
-  100% { transform: rotate(359deg); }
+  0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); }
+  100% { transform: rotate(359deg); -webkit-transform: rotate(359deg); }
 }