diff --git a/app/assets/stylesheets/common/base/discourse.scss b/app/assets/stylesheets/common/base/discourse.scss
index 039e9fe2d..941fbbf7f 100644
--- a/app/assets/stylesheets/common/base/discourse.scss
+++ b/app/assets/stylesheets/common/base/discourse.scss
@@ -181,17 +181,22 @@ body {
   opacity: 1;
 }
 
-
-@keyframes rotate-forever {
+@-webkit-keyframes rotate-forever {
   0% {
-    transform: rotate(0deg);
     -webkit-transform: rotate(0deg);
   }
   100% {
-    transform: rotate(360deg);
     -webkit-transform: rotate(360deg);
   }
 }
+@keyframes rotate-forever {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
 
 .inline-spinner {
   display: inline-block;
diff --git a/app/assets/stylesheets/desktop/modal.scss b/app/assets/stylesheets/desktop/modal.scss
index 2f0e04051..b51f8a750 100644
--- a/app/assets/stylesheets/desktop/modal.scss
+++ b/app/assets/stylesheets/desktop/modal.scss
@@ -31,6 +31,11 @@
 
 //fade in and animate up
 
+@-webkit-keyframes modal {
+  from {opacity: 0}
+  to {opacity: 1}
+}
+
 @keyframes fade {
     from {opacity: 0}
     to {opacity: 1}
diff --git a/app/assets/stylesheets/desktop/topic-post.scss b/app/assets/stylesheets/desktop/topic-post.scss
index fef95418d..b134adf7b 100644
--- a/app/assets/stylesheets/desktop/topic-post.scss
+++ b/app/assets/stylesheets/desktop/topic-post.scss
@@ -510,6 +510,11 @@ video {
   max-height: 500px;
 }
 
+@-webkit-keyframes fadein {
+  from {opacity: 0;}
+  to {opacity: 1;}
+}
+
 @keyframes fadein {
     from {opacity: 0;}
     to {opacity: 1;}
diff --git a/app/assets/stylesheets/vendor/font_awesome/_spinning.scss b/app/assets/stylesheets/vendor/font_awesome/_spinning.scss
index 1e97236eb..8eace8526 100644
--- a/app/assets/stylesheets/vendor/font_awesome/_spinning.scss
+++ b/app/assets/stylesheets/vendor/font_awesome/_spinning.scss
@@ -10,3 +10,8 @@
   0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); }
   100% { transform: rotate(359deg); -webkit-transform: rotate(359deg); }
 }
+
+@-webkit-keyframes spin {
+  0% { -webkit-transform: rotate(0deg); }
+  100% { -webkit-transform: rotate(359deg); }
+}