diff --git a/Apollo/assets/views/courseDetails.html b/Apollo/assets/views/courseDetails.html
index 37a2382d..f9446477 100644
--- a/Apollo/assets/views/courseDetails.html
+++ b/Apollo/assets/views/courseDetails.html
@@ -156,12 +156,13 @@
                                             </label>
 
                                             <input type="text"  placeholder="Enter Course ID"
-                                                   tabindex="2" class="form-control" name="coursecode"
+                                                   tabindex="2" class="form-control" name="coursecode" ng-maxlength="20"
                                                    ng-model="myModel.courseCode" ng-pattern="/^[a-zA-Z0-9\s]*$/" required/>
                                             <span class="error text-small block"
                                                   ng-if="Form.coursecode.$dirty && Form.coursecode.$error.required">Course id is required</span>
                                             <span class="error text-small block"
-                                                  ng-if="Form.coursecode.$dirty && Form.coursecode.$error.pattern">Invalid course id </span>
+                                                  ng-if="Form.coursecode.$dirty && Form.coursecode.$error.pattern || Form.coursecode.$error.maxlength ">Invalid course id </span>
+
 
                                         </div>