additional processing class

common/lib/xmodule/xmodule/css/capa/display.scss

@@ -49,6 +49,8 @@ padding-left: flex-gutter(9);
   }
 }
 
+
+
 div {
   p.status {
     text-indent: -9999px;
@@ -64,30 +66,26 @@ div {
     }
   }
 
-  &.correct, &.ui-icon-check {
+  &.processing {
     p.status {
       @include inline-block();
-      background: url('../images/correct-icon.png') center center no-repeat;
+      background: url('../images/spinner.gif') center center no-repeat;
       height: 20px;
-      width: 25px;
-    }
-
-    input {
-      border-color: green;
+      width: 20px;
+      text-indent: -9999px;
     }
   }
 
-  &.processing {
+  &.correct, &.ui-icon-check {
     p.status {
       @include inline-block();
-      background: url('../images/spinner.gif') center center no-repeat;
+      background: url('../images/correct-icon.png') center center no-repeat;
       height: 20px;
-      width: 20px;
-      text-indent: -9999px;
+      width: 25px;
     }
 
     input {
-      border-color: #aaa;
+      border-color: green;
     }
   }
 
@@ -148,6 +146,15 @@ div {
       width: 14px;
     }
 
+    &.processing, &.ui-icon-check {
+      @include inline-block();
+      background: url('../images/spinner.gif') center center no-repeat;
+      height: 20px;
+      position: relative;
+      top: 6px;
+      width: 25px;
+    }
+
     &.correct, &.ui-icon-check {
       @include inline-block();
       background: url('../images/correct-icon.png') center center no-repeat;