diff --git a/plugins/c9.ide.layout.classic/keyframes.css b/plugins/c9.ide.layout.classic/keyframes.css
index 5552ca8f..35c045d0 100644
--- a/plugins/c9.ide.layout.classic/keyframes.css
+++ b/plugins/c9.ide.layout.classic/keyframes.css
@@ -28,8 +28,8 @@
 
 .loading-spinner {
     background: url("@{image-path}/tab-save-spinner-active.png") no-repeat;
-    -webkit-animation: loading-24-spinner 1.2s steps(24) infinite;
-            animation: loading-24-spinner 1.2s steps(24) infinite;
+    -webkit-animation: loading-spinner 1.2s steps(11) infinite;
+            animation: loading-spinner 1.2s steps(11) infinite;
 }
 
 @-webkit-keyframes ball { 0%, 19.99%, 100% { background-position: 0 0 } 20%, 39.99% { background-position: -30px 0 } 40%, 59.99% { background-position: -60px 0 } 60%,79.99% { background-position: -90px 0 } 80%, 99.99% { background-position: -120px 0 } }
diff --git a/plugins/c9.ide.layout.classic/themes/flat-light.less b/plugins/c9.ide.layout.classic/themes/flat-light.less
index f4248dcc..de5b336a 100644
--- a/plugins/c9.ide.layout.classic/themes/flat-light.less
+++ b/plugins/c9.ide.layout.classic/themes/flat-light.less
@@ -383,7 +383,7 @@
 
 .loading-spinner {
     .image-2x("/static/@{pane-button-save-image}", @pane-button-save-image-width, @pane-button-save-image-height);
-    .animation(~"loading-24-spinner 1.2s steps(24, end) infinite");
+    .animation(~"loading-24-spinner 1.2s steps(24) infinite")!important;
 }
 
 .searchresults .item{