diff --git a/src/sql/media/icons/loading.svg b/src/sql/media/icons/loading.svg
index e762f06d5e..ecea83cc5e 100644
--- a/src/sql/media/icons/loading.svg
+++ b/src/sql/media/icons/loading.svg
@@ -14,8 +14,8 @@
     circle:nth-child(8) { animation-delay: 0.525s; }
 
     @keyframes ball {
-      from { opacity: 1; }
-      to { opacity: 0.3; }
+      0% { opacity: 1; }
+      100% { opacity: 0.3; }
     }
 	</style>
 	<g>
diff --git a/src/sql/media/icons/loading_inverse.svg b/src/sql/media/icons/loading_inverse.svg
index c3633c0dda..8f5de179de 100644
--- a/src/sql/media/icons/loading_inverse.svg
+++ b/src/sql/media/icons/loading_inverse.svg
@@ -14,8 +14,8 @@
     circle:nth-child(8) { animation-delay: 0.525s; }
 
     @keyframes ball {
-      from { opacity: 1; }
-      to { opacity: 0.3; }
+      0% { opacity: 1; }
+      100% { opacity: 0.3; }
     }
 	</style>
 	<g style="fill:white;">
diff --git a/src/sql/workbench/browser/modelComponents/media/loading.svg b/src/sql/workbench/browser/modelComponents/media/loading.svg
index e762f06d5e..ecea83cc5e 100644
--- a/src/sql/workbench/browser/modelComponents/media/loading.svg
+++ b/src/sql/workbench/browser/modelComponents/media/loading.svg
@@ -14,8 +14,8 @@
     circle:nth-child(8) { animation-delay: 0.525s; }
 
     @keyframes ball {
-      from { opacity: 1; }
-      to { opacity: 0.3; }
+      0% { opacity: 1; }
+      100% { opacity: 0.3; }
     }
 	</style>
 	<g>
diff --git a/src/sql/workbench/browser/modelComponents/media/loading_inverse.svg b/src/sql/workbench/browser/modelComponents/media/loading_inverse.svg
index c3633c0dda..8f5de179de 100644
--- a/src/sql/workbench/browser/modelComponents/media/loading_inverse.svg
+++ b/src/sql/workbench/browser/modelComponents/media/loading_inverse.svg
@@ -14,8 +14,8 @@
     circle:nth-child(8) { animation-delay: 0.525s; }
 
     @keyframes ball {
-      from { opacity: 1; }
-      to { opacity: 0.3; }
+      0% { opacity: 1; }
+      100% { opacity: 0.3; }
     }
 	</style>
 	<g style="fill:white;">
diff --git a/src/sql/workbench/contrib/query/browser/modelViewTab/media/loading.svg b/src/sql/workbench/contrib/query/browser/modelViewTab/media/loading.svg
index e762f06d5e..ecea83cc5e 100644
--- a/src/sql/workbench/contrib/query/browser/modelViewTab/media/loading.svg
+++ b/src/sql/workbench/contrib/query/browser/modelViewTab/media/loading.svg
@@ -14,8 +14,8 @@
     circle:nth-child(8) { animation-delay: 0.525s; }
 
     @keyframes ball {
-      from { opacity: 1; }
-      to { opacity: 0.3; }
+      0% { opacity: 1; }
+      100% { opacity: 0.3; }
     }
 	</style>
 	<g>
diff --git a/src/sql/workbench/contrib/query/browser/modelViewTab/media/loading_inverse.svg b/src/sql/workbench/contrib/query/browser/modelViewTab/media/loading_inverse.svg
index c3633c0dda..8f5de179de 100644
--- a/src/sql/workbench/contrib/query/browser/modelViewTab/media/loading_inverse.svg
+++ b/src/sql/workbench/contrib/query/browser/modelViewTab/media/loading_inverse.svg
@@ -14,8 +14,8 @@
     circle:nth-child(8) { animation-delay: 0.525s; }
 
     @keyframes ball {
-      from { opacity: 1; }
-      to { opacity: 0.3; }
+      0% { opacity: 1; }
+      100% { opacity: 0.3; }
     }
 	</style>
 	<g style="fill:white;">
diff --git a/src/sql/workbench/contrib/tasks/browser/media/loading.svg b/src/sql/workbench/contrib/tasks/browser/media/loading.svg
index e762f06d5e..ecea83cc5e 100644
--- a/src/sql/workbench/contrib/tasks/browser/media/loading.svg
+++ b/src/sql/workbench/contrib/tasks/browser/media/loading.svg
@@ -14,8 +14,8 @@
     circle:nth-child(8) { animation-delay: 0.525s; }
 
     @keyframes ball {
-      from { opacity: 1; }
-      to { opacity: 0.3; }
+      0% { opacity: 1; }
+      100% { opacity: 0.3; }
     }
 	</style>
 	<g>
diff --git a/src/sql/workbench/contrib/tasks/browser/media/loading_inverse.svg b/src/sql/workbench/contrib/tasks/browser/media/loading_inverse.svg
index c3633c0dda..8f5de179de 100644
--- a/src/sql/workbench/contrib/tasks/browser/media/loading_inverse.svg
+++ b/src/sql/workbench/contrib/tasks/browser/media/loading_inverse.svg
@@ -14,8 +14,8 @@
     circle:nth-child(8) { animation-delay: 0.525s; }
 
     @keyframes ball {
-      from { opacity: 1; }
-      to { opacity: 0.3; }
+      0% { opacity: 1; }
+      100% { opacity: 0.3; }
     }
 	</style>
 	<g style="fill:white;">
diff --git a/src/sql/workbench/services/dialog/browser/media/loading.svg b/src/sql/workbench/services/dialog/browser/media/loading.svg
index e762f06d5e..ecea83cc5e 100644
--- a/src/sql/workbench/services/dialog/browser/media/loading.svg
+++ b/src/sql/workbench/services/dialog/browser/media/loading.svg
@@ -14,8 +14,8 @@
     circle:nth-child(8) { animation-delay: 0.525s; }
 
     @keyframes ball {
-      from { opacity: 1; }
-      to { opacity: 0.3; }
+      0% { opacity: 1; }
+      100% { opacity: 0.3; }
     }
 	</style>
 	<g>
diff --git a/src/sql/workbench/services/dialog/browser/media/loading_inverse.svg b/src/sql/workbench/services/dialog/browser/media/loading_inverse.svg
index c3633c0dda..8f5de179de 100644
--- a/src/sql/workbench/services/dialog/browser/media/loading_inverse.svg
+++ b/src/sql/workbench/services/dialog/browser/media/loading_inverse.svg
@@ -14,8 +14,8 @@
     circle:nth-child(8) { animation-delay: 0.525s; }
 
     @keyframes ball {
-      from { opacity: 1; }
-      to { opacity: 0.3; }
+      0% { opacity: 1; }
+      100% { opacity: 0.3; }
     }
 	</style>
 	<g style="fill:white;">
diff --git a/src/vs/base/parts/tree/browser/loading-dark.svg b/src/vs/base/parts/tree/browser/loading-dark.svg
index 7dc1ebd8cf..d2e9b2867a 100644
--- a/src/vs/base/parts/tree/browser/loading-dark.svg
+++ b/src/vs/base/parts/tree/browser/loading-dark.svg
@@ -14,8 +14,8 @@
     circle:nth-child(8) { animation-delay: 0.525s; }
 
     @keyframes ball {
-      from { opacity: 1; }
-      to { opacity: 0.3; }
+      0% { opacity: 1; }
+      100% { opacity: 0.3; }
     }
 	</style>
 	<g style="fill:grey;">
diff --git a/src/vs/base/parts/tree/browser/loading-hc.svg b/src/vs/base/parts/tree/browser/loading-hc.svg
index c3633c0dda..8f5de179de 100644
--- a/src/vs/base/parts/tree/browser/loading-hc.svg
+++ b/src/vs/base/parts/tree/browser/loading-hc.svg
@@ -14,8 +14,8 @@
     circle:nth-child(8) { animation-delay: 0.525s; }
 
     @keyframes ball {
-      from { opacity: 1; }
-      to { opacity: 0.3; }
+      0% { opacity: 1; }
+      100% { opacity: 0.3; }
     }
 	</style>
 	<g style="fill:white;">
diff --git a/src/vs/base/parts/tree/browser/loading.svg b/src/vs/base/parts/tree/browser/loading.svg
index e762f06d5e..ecea83cc5e 100644
--- a/src/vs/base/parts/tree/browser/loading.svg
+++ b/src/vs/base/parts/tree/browser/loading.svg
@@ -14,8 +14,8 @@
     circle:nth-child(8) { animation-delay: 0.525s; }
 
     @keyframes ball {
-      from { opacity: 1; }
-      to { opacity: 0.3; }
+      0% { opacity: 1; }
+      100% { opacity: 0.3; }
     }
 	</style>
 	<g>