diff --git a/lms/static/sass/course/base/_base.scss b/lms/static/sass/course/base/_base.scss
index 56713ca429..c05a09570c 100644
--- a/lms/static/sass/course/base/_base.scss
+++ b/lms/static/sass/course/base/_base.scss
@@ -18,7 +18,7 @@ table {
 }
 
 .container {
-  padding: lh(2);
+  padding: 1.4em lh(2);
 
   > div {
     display: table;
diff --git a/lms/static/sass/course/courseware/_courseware.scss b/lms/static/sass/course/courseware/_courseware.scss
index 32a2c2a2af..1082930b13 100644
--- a/lms/static/sass/course/courseware/_courseware.scss
+++ b/lms/static/sass/course/courseware/_courseware.scss
@@ -3,12 +3,12 @@ html {
   max-height: 100%;
 }
 
-div.info-wrapper {
+div.inner-container {
   padding: 40px;
   box-sizing: border-box;
   border-radius: 3px;
   background: #fff;
-  @include box-shadow(0  1px 25px rgba(0, 0, 0, .1));
+  @include box-shadow(0 0 1px 1px rgba(0, 0, 0, .08), 0 1px 10px rgba(0, 0, 0, 0.1));
 }
 
 div.course-wrapper {
@@ -17,7 +17,7 @@ div.course-wrapper {
   box-sizing: border-box;
   border-radius: 3px;
   background: #fff;
-  @include box-shadow(0  1px 25px rgba(0, 0, 0, .1));
+  @include box-shadow(0 0 1px 1px rgba(0, 0, 0, .08), 0 1px 10px rgba(0, 0, 0, 0.1));
 
 
   ul, ol {
diff --git a/lms/templates/courseware.html b/lms/templates/courseware.html
index a14f35d154..6bb6c74862 100644
--- a/lms/templates/courseware.html
+++ b/lms/templates/courseware.html
@@ -32,7 +32,7 @@
 <%include file="course_navigation.html" args="active_page='courseware'" />
 
 <section class="container">
-  <div class="course-wrapper">
+  <div class="course-wrapper inner-container">
     <section aria-label="Course Navigation" class="course-index">
       <header id="open_close_accordion">
         <a href="#">close</a>
diff --git a/lms/templates/gradebook.html b/lms/templates/gradebook.html
index 787fc23c9a..895f7ea004 100644
--- a/lms/templates/gradebook.html
+++ b/lms/templates/gradebook.html
@@ -31,7 +31,7 @@
 <%include file="course_navigation.html" args="active_page=''" />
 
 <section class="container">
-<div class="gradebook-wrapper">
+<div class="gradebook-wrapper inner-container">
   <section class="gradebook-content">
     <h1>Gradebook</h1>
 
diff --git a/lms/templates/info.html b/lms/templates/info.html
index a04e31896f..58bfbd6933 100644
--- a/lms/templates/info.html
+++ b/lms/templates/info.html
@@ -20,7 +20,7 @@ $(document).ready(function(){
 </%block>
 
 <section class="container">
-  <div class="info-wrapper">
+  <div class="info-wrapper inner-container">
     % if user.is_authenticated():
     <section class="updates">
       <h1>Course Updates &amp; News</h1>
diff --git a/lms/templates/profile.html b/lms/templates/profile.html
index ca27920a1b..e0639b0e00 100644
--- a/lms/templates/profile.html
+++ b/lms/templates/profile.html
@@ -113,7 +113,7 @@ $(function() {
 <%include file="course_navigation.html" args="active_page='profile'" />
 
 <section class="container">
-  <div class="profile-wrapper">
+  <div class="profile-wrapper inner-container">
 
     <section class="course-info">
       <header>