diff --git a/packages/ui-templates/templates/loading/index.html b/packages/ui-templates/templates/loading/index.html
index 4f2a91f2ea29..145ecef75929 100644
--- a/packages/ui-templates/templates/loading/index.html
+++ b/packages/ui-templates/templates/loading/index.html
@@ -19,7 +19,7 @@
width: 100%;
background-size: 200% auto;
background-position: 0 0;
- animation: gradient 2s infinite;
+ animation: gradient 2s infinite, width 8s infinite ease-in-out;
animation-fill-mode: forwards;
animation-timing-function: linear;
}
@@ -36,6 +36,17 @@
background-position: -200% 0;
}
}
+ @keyframes width {
+ 0% {
+ width: 100%;
+ }
+ 50% {
+ width: 0%;
+ }
+ 100% {
+ width: 100%;
+ }
+ }
@@ -49,7 +60,7 @@
-
+