adding styling to make sure Studio Preview rendering matches live problem view

apps/openassessment/xblock/static/sass/oa/utilities/_shame.scss

@@ -3,13 +3,13 @@
 
 // NOTES: use for any bad-form/orphaned scss that knowingly violate edX FED architecture/standards (see - http://csswizardry.com/2013/04/shame-css)
 
-// --------------------
-// LMS countermeasures
-// --------------------
-// rules ot overcome any poorly defined, scoped, or architected edX LMS-based CSS. Ideally this file will be removed when the LMS Front End is re-visited.
-
 .openassessment {
 
+  // --------------------
+  // LMS countermeasures
+  // --------------------
+  // rules ot overcome any poorly defined, scoped, or architected edX LMS-based CSS. Ideally this file will be removed when the LMS Front End is re-visited.
+
   // headers
   .self-assessment__display__header, .peer-assessment__display__header, .step__header {
     margin-bottom: 0 !important;
@@ -134,4 +134,18 @@
       display: block !important;
     }
   }
+
+  // --------------------
+  // Studio countermeasures
+  // --------------------
+  // rules ot overcome any poorly defined, scoped, or architected edX Studio problem preview/rendering CSS.
+
+  .ico {
+    font-style: normal;
+  }
+
+  .step__title .step__deadline {
+    letter-spacing: normal;
+    text-transform: none;
+  }
 }