diff --git a/lms/static/sass/course/courseware/_courseware.scss b/lms/static/sass/course/courseware/_courseware.scss
index 4ec95f68cb..55a7be9acf 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 f587b0941f..64c45b809e 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 898de81f3f..88549e9f56 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>