diff --git a/src/stylesheets/globals.scss b/src/stylesheets/globals.scss
index 179e2872d9..98ae89247a 100644
--- a/src/stylesheets/globals.scss
+++ b/src/stylesheets/globals.scss
@@ -138,16 +138,16 @@ $blueGreen: #11A4BA;
 }
 
 @mixin keyframes($name) {
-  @-webkit-keyframes $name {
+  @-webkit-keyframes #{$name} {
     @content;
   }
-  @-moz-keyframes $name {
+  @-moz-keyframes #{$name} {
     @content;
   }
-  @-ms-keyframes $name {
+  @-ms-keyframes #{$name} {
     @content;
   }
-  @keyframes $name {
+  @keyframes #{$name} {
     @content;
   }
 }