diff --git a/lms/static/sass/course/courseware/_courseware.scss b/lms/static/sass/course/courseware/_courseware.scss
index 4ec95f68cb032d2551a789841d3d5f4dcc3889ca..55a7be9acfc50ea86ddf25618e112a1c30405efc 100644
--- a/lms/static/sass/course/courseware/_courseware.scss
+++ b/lms/static/sass/course/courseware/_courseware.scss
@@ -242,17 +242,25 @@ div.course-wrapper {
 }
 
 
-.self-assessment {
-    textarea {
+section.self-assessment {
+    textarea.answer {
         height: 200px;
         padding: 5px;
         margin-top: 5px;
         margin-bottom: 5px;
     }
+
+    textarea.hint {
+        height: 100px;
+        padding: 5px;
+        margin-top: 5px;
+        margin-bottom: 5px;
+    }
     
     div {
         margin-top: 5px;
         margin-bottom: 5px;
     }
+
 }
 
diff --git a/lms/templates/self_assessment_hint.html b/lms/templates/self_assessment_hint.html
index f587b0941f45c02554ab321ba5ee8c18251f1b24..64c45b809e49f98188057a28123367782eabf021 100644
--- a/lms/templates/self_assessment_hint.html
+++ b/lms/templates/self_assessment_hint.html
@@ -2,6 +2,6 @@
     <div class="hint-prompt">
     ${hint_prompt}
     </div>
-    <textarea name="hint" class="hint" cols="50" rows="5"
+    <textarea name="hint" class="hint" cols="70" rows="5"
      ${'readonly="true"' if read_only else ''}>${hint}</textarea>
 </div>
diff --git a/lms/templates/self_assessment_prompt.html b/lms/templates/self_assessment_prompt.html
index 898de81f3f54ba3f176d4f60eccb5281658ef89c..88549e9f56f22d200386fe0656757aad53c15c2f 100644
--- a/lms/templates/self_assessment_prompt.html
+++ b/lms/templates/self_assessment_prompt.html
@@ -6,7 +6,7 @@
     </div>
 
     <div>
-    <textarea name="answer" class="answer" cols="80" rows="20">${previous_answer|h}</textarea>
+    <textarea name="answer" class="answer" cols="70" rows="20">${previous_answer|h}</textarea>
     </div>
 
     <div class="rubric-wrapper">${initial_rubric}</div>