diff --git a/lms/static/sass/course/_syllabus.scss b/lms/static/sass/course/_syllabus.scss
index 2f2b9eedcd..f1b6dfa636 100644
--- a/lms/static/sass/course/_syllabus.scss
+++ b/lms/static/sass/course/_syllabus.scss
@@ -1,6 +1,6 @@
 div.syllabus {
 
-  padding: 0px 10px;
+  padding: 2em 2.5em;
 
   text-align: center;
 
@@ -9,15 +9,14 @@ div.syllabus {
   }
 
   .notes {
-    width: 740px;
-    margin: 0px auto 10px;
+    margin: 0px auto 20px;
   }
 
   table {
 
     text-align: left;
 
-    margin: 10px auto;
+    margin: 10px 0;
 
     thead {
       font-weight: bold;
diff --git a/lms/templates/courseware/syllabus.html b/lms/templates/courseware/syllabus.html
index 38c1fbd6f8..4a95eaf894 100644
--- a/lms/templates/courseware/syllabus.html
+++ b/lms/templates/courseware/syllabus.html
@@ -13,12 +13,14 @@
 %>
 
 <section class="container">
-  <div class="syllabus">
-    <h1> Syllabus </h1>
-    % if user.is_authenticated():
-    ${get_course_syllabus_section(course, 'syllabus')}
-    % else:
-    ${get_course_syllabus_section(course, 'guest_syllabus')}
-    % endif
+  <div class="syllabus_wrapper">
+    <div class="syllabus">
+        <h1> Syllabus </h1>
+        % if user.is_authenticated():
+        ${get_course_syllabus_section(course, 'syllabus')}
+        % else:
+        ${get_course_syllabus_section(course, 'guest_syllabus')}
+        % endif
+    </div>
   </div>
 </section>