diff --git a/lms/static/coffee/src/discussion.coffee b/lms/static/coffee/src/discussion.coffee
index 0da9b18ff7..d65aaefb09 100644
--- a/lms/static/coffee/src/discussion.coffee
+++ b/lms/static/coffee/src/discussion.coffee
@@ -51,8 +51,10 @@ Discussion =
       <label for="discussion-auto-watch-{{id}}">follow this thread</label>
       {{/showWatchCheckbox}}
       <br />
-      <a class="discussion-submit-reply control-button" href="javascript:void(0)">Submit</a>
-      <a class="discussion-cancel-reply control-button" href="javascript:void(0)">Cancel</a>
+      <div class = "reply-post-control">
+        <a class="discussion-cancel-post" href="javascript:void(0)">Cancel</a>
+        <a class="discussion-submit-post control-button" href="javascript:void(0)">Submit</a>
+      </div>
     </form>
   """
 
diff --git a/lms/static/sass/_discussion.scss b/lms/static/sass/_discussion.scss
index 8384b19002..c05e7115dd 100644
--- a/lms/static/sass/_discussion.scss
+++ b/lms/static/sass/_discussion.scss
@@ -148,7 +148,7 @@ $discussion_input_width: 100%;
   .discussion-right-wrapper {
     min-height: 40px;
     float: left;
-    width: 85%;
+    width: 90%;
   }
   .new-post-form, .discussion-thread-edit {
     .title-input, .body-input {
@@ -193,6 +193,9 @@ $discussion_input_width: 100%;
       margin-left: 80%;
       margin-top: 1%;
     }
+    .reply-post-control {
+      margin-left: 79%;
+    }
     .control-button {
       @include button;
       @include discussion-font;
@@ -274,6 +277,7 @@ $discussion_input_width: 100%;
       border-top: lightgray 1px solid;
       padding: 2% 0;
       .discussion-reply-new {
+        @include discussion-font;
         margin-left: $comment_margin_left;
         .reply-body {
           @include discussion-font;