diff --git a/app/assets/stylesheets/common/admin/admin_base.scss b/app/assets/stylesheets/common/admin/admin_base.scss
index d7686805af2..63e8a7c8428 100644
--- a/app/assets/stylesheets/common/admin/admin_base.scss
+++ b/app/assets/stylesheets/common/admin/admin_base.scss
@@ -278,15 +278,15 @@ td.flaggers td {
 
 .admin-detail.mobile-open {
   @media (max-width: $mobile-breakpoint) {
-    transition: transform 0.3s ease;
-    transform: (translateX(50%));
+    @include transition(transform 0.3s ease);
+    @include transform(translateX(50%));
   }
 }
 
 .admin-detail.mobile-closed {
   @media (max-width: $mobile-breakpoint) {
-    transition: transform 0.3s ease;
-    transform: (translateX(0));
+    @include transition(transform 0.3s ease);
+    @include transform(translateX(0));
   }
 }
 
diff --git a/app/assets/stylesheets/common/foundation/mixins.scss b/app/assets/stylesheets/common/foundation/mixins.scss
index 55b15a9b537..399c5258917 100644
--- a/app/assets/stylesheets/common/foundation/mixins.scss
+++ b/app/assets/stylesheets/common/foundation/mixins.scss
@@ -113,3 +113,11 @@
 	-webkit-transform: $transforms;
           transform: $transforms;
 }
+
+@mixin transition($transitions) {
+  -o-transition: $transitions;
+  -moz-transition: $transitions;
+  -webkit-transition: $transitions;
+  transition: $transitions;
+}
+