diff --git a/ui/src/components/skeleton/QSkeleton.js b/ui/src/components/skeleton/QSkeleton.js
index 84d247e09ea..07383029cc5 100644
--- a/ui/src/components/skeleton/QSkeleton.js
+++ b/ui/src/components/skeleton/QSkeleton.js
@@ -52,7 +52,7 @@ export default Vue.extend({
 
     classes () {
       return `q-skeleton--${this.isDark === true ? 'dark' : 'light'} q-skeleton--type-${this.type}` +
-        (this.animation !== 'none' ? ` q-skeleton--anim-${this.animation}` : '') +
+        (this.animation !== 'none' ? ` q-skeleton--anim q-skeleton--anim-${this.animation}` : '') +
         (this.square === true ? ' q-skeleton--square' : '') +
         (this.bordered === true ? ' q-skeleton--bordered' : '')
     }
diff --git a/ui/src/components/skeleton/QSkeleton.sass b/ui/src/components/skeleton/QSkeleton.sass
index 4149fca88b5..93613f701d5 100644
--- a/ui/src/components/skeleton/QSkeleton.sass
+++ b/ui/src/components/skeleton/QSkeleton.sass
@@ -1,8 +1,10 @@
 .q-skeleton
-  cursor: wait
   background: $separator-color
   border-radius: $generic-border-radius
 
+  &--anim
+    cursor: wait
+
   /*
     maintain size even with border
     for types that have height specified
diff --git a/ui/src/components/skeleton/QSkeleton.styl b/ui/src/components/skeleton/QSkeleton.styl
index 4149fca88b5..93613f701d5 100644
--- a/ui/src/components/skeleton/QSkeleton.styl
+++ b/ui/src/components/skeleton/QSkeleton.styl
@@ -1,8 +1,10 @@
 .q-skeleton
-  cursor: wait
   background: $separator-color
   border-radius: $generic-border-radius
 
+  &--anim
+    cursor: wait
+
   /*
     maintain size even with border
     for types that have height specified