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,6 +66,16 @@ div {
     }
   }
 
+  &.processing {
+    p.status {
+      @include inline-block();
+      background: url('../images/spinner.gif') center center no-repeat;
+      height: 20px;
+      width: 20px;
+      text-indent: -9999px;
+    }
+  }
+
   &.correct, &.ui-icon-check {
     p.status {
       @include inline-block();
@@ -77,20 +89,6 @@ div {
     }
   }
 
-  &.processing {
-    p.status {
-      @include inline-block();
-      background: url('../images/spinner.gif') center center no-repeat;
-      height: 20px;
-      width: 20px;
-      text-indent: -9999px;
-    }
-
-    input {
-      border-color: #aaa;
-    }
-  }
-
   &.incorrect, &.ui-icon-close {
     p.status {
       @include inline-block();
@@ -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;