diff --git a/lms/static/coffee/src/discussion/utils.coffee b/lms/static/coffee/src/discussion/utils.coffee
index 746cc308cf..22adcff4b7 100644
--- a/lms/static/coffee/src/discussion/utils.coffee
+++ b/lms/static/coffee/src/discussion/utils.coffee
@@ -127,7 +127,7 @@ class @DiscussionUtil
if response.errors? and response.errors.length > 0
errorsField.empty()
for error in response.errors
- errorsField.append($("
").addClass("new-post-form-error").html(error))
+ errorsField.append($("").addClass("new-post-form-error").html(error)).show()
@clearFormErrors: (errorsField) ->
errorsField.empty()
diff --git a/lms/static/images/white-error-icon.png b/lms/static/images/white-error-icon.png
new file mode 100644
index 0000000000..6204f44513
Binary files /dev/null and b/lms/static/images/white-error-icon.png differ
diff --git a/lms/static/sass/_discussion.scss b/lms/static/sass/_discussion.scss
index 0f4bc9f7e9..41706e283c 100644
--- a/lms/static/sass/_discussion.scss
+++ b/lms/static/sass/_discussion.scss
@@ -211,6 +211,28 @@
body.discussion {
+ .new-post-form-errors {
+ display: none;
+ background: $error-red;
+ padding: 0;
+ border: 1px solid #333;
+ list-style: none;
+ color: #fff;
+ line-height: 1.6;
+ border-radius: 3px;
+ @include box-shadow(0 1px 2px rgba(0, 0, 0, 0.3) inset, 0 1px 0 rgba(255, 255, 255, .2));
+
+ li {
+ padding: 10px 20px 12px 45px;
+ border-bottom: 1px solid #dc4949;
+ background: url(../images/white-error-icon.png) no-repeat 15px 14px;
+
+ &:last-child {
+ border-bottom: none;
+ }
+ }
+ }
+
.course-tabs .right {
float: right;
diff --git a/lms/templates/discussion/_new_post.html b/lms/templates/discussion/_new_post.html
index 8081829ec1..b823d81218 100644
--- a/lms/templates/discussion/_new_post.html
+++ b/lms/templates/discussion/_new_post.html
@@ -22,9 +22,7 @@
%def>
-