diff --git a/server/files/stylesheets/semantic.css b/server/files/stylesheets/semantic.css
index 6a0380f0c..03988223e 100755
--- a/server/files/stylesheets/semantic.css
+++ b/server/files/stylesheets/semantic.css
@@ -1075,48 +1075,16 @@ body.card .even.example .card .description {
 ---------------*/
 
 body.progress .ui.progress .bar {
+  width: 35%;
+}
+
+body.progress.animated .ui.progress .bar {
   -webkit-animation: finish 10s ease-in-out infinite;
   -moz-animation: finish 10s ease-in-out infinite;
   -ms-animation: finish 10s ease-in-out infinite;
   animation: finish 10s ease-in-out infinite;
 }
 
-@-webkit-keyframes finish {
-  0% {
-    width: 0%;
-  }
-  40% {
-    width: 100%;
-  }
-  100% {
-    width: 100%;
-  }
-}
-@-moz-keyframes finish {
-  0% {
-    width: 0%;
-  }
-  40% {
-    width: 100%;
-  }
-  100% {
-    width: 100%;
-  }
-}
-@keyframes finish {
-  0% {
-    width: 0%;
-  }
-  40% {
-    width: 100%;
-  }
-  100% {
-    width: 100%;
-  }
-}
-
-
-
 /*--------------
       Popup
 ---------------*/
diff --git a/src/themes/packages/default/elements/progress.variables b/src/themes/packages/default/elements/progress.variables
index 675dbe820..f93cc7baa 100755
--- a/src/themes/packages/default/elements/progress.variables
+++ b/src/themes/packages/default/elements/progress.variables
@@ -6,10 +6,10 @@
        Element
 --------------------*/
 
-@background: @darkWhite;
+@background: @offWhite;
 @border: 1px solid @borderColor;
 @boxShadow: none;
-@padding: 0.25em;
+@padding: 0.325em;
 @borderRadius: 0.325em;
 
 /* Bar */