diff --git a/themes/stanford_basic/dist/css/ckeditor5.css b/themes/stanford_basic/dist/css/ckeditor5.css
index 10abd05bc..13a598e1f 100644
--- a/themes/stanford_basic/dist/css/ckeditor5.css
+++ b/themes/stanford_basic/dist/css/ckeditor5.css
@@ -1 +1 @@
-.ck-content{font-size:21px;line-height:31px}.ck-content h2{font-size:42px}.ck-content h3{font-size:37px}.ck-content h4{font-size:30px}.ck-content h5{font-size:24px}.ck-content h6{font-size:19px}.ck-content figure.table,.ck-content table{width:100%}.ck-content .su-intro-text{font-size:33px;line-height:49px}.ck-content .su-font-splash{font-size:51px;font-weight:700;line-height:77px}.ck-content .su-quote-text{font-size:41px;font-style:italic;line-height:61px}.ck-content .su-quote-text:after,.ck-content .su-quote-text:before{content:'"'}.ck-content .su-drop-cap:first-letter{font-weight:700;font-size:40px}.ck-content .su-related-text{padding:30px;-webkit-box-shadow:#000 0 0 0 0,#000 0 0 0 0,#000 0 10px 15px -3px,rgba(0,0,0,.1) 0 4px 6px -4px;box-shadow:0 0 0 0 #000,0 0 0 0 #000,0 10px 15px -3px #000,0 4px 6px -4px rgba(0,0,0,.1)}.ck-content .su-callout-text{font-weight:700}.ck-content .su-subheading{font-size:26px;line-height:40px}.ck-content a[href]{color:#006cb8}.ck-content a.su-button[href]{display:inline-block;padding:13px 26px;background-color:#830000;color:#fff}.ck-content a.su-button--big[href]{display:inline-block;padding:16px 36px;background-color:#830000;color:#fff}.ck-content a.su-button--secondary[href]{display:inline-block;border:2px solid #830000;padding:13px 26px;color:#830000}.ck-content a.su-link--action[href]:after{content:">"}.ck-content div:after,.ck-content p:after{display:table;clear:both;content:""}
\ No newline at end of file
+.ck.ck-style-grid__button__preview>*{margin:0;padding:0}.ck.ck-content{font-family:Source Sans Pro,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:21px;line-height:1.7}.ck.ck-content p{font-size:21px;line-height:35px;margin-bottom:38px}.ck.ck-content p:last-child{margin-bottom:0}.ck.ck-content :first-child{margin-top:0;padding-top:0}.ck.ck-content a{color:#006cb8;font-weight:600}.ck.ck-content a:active,.ck.ck-content a:focus,.ck.ck-content a:hover{color:#2e2d29}.ck.ck-content h2,.ck.ck-content h3,.ck.ck-content h4,.ck.ck-content h5,.ck.ck-content h6{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-top:0;clear:both;font-weight:700;line-height:1.2}.ck.ck-content h2 a[href],.ck.ck-content h3 a[href],.ck.ck-content h4 a[href],.ck.ck-content h5 a[href],.ck.ck-content h6 a[href]{color:#b1040e;text-decoration:none}.ck.ck-content h2 a[href]:active,.ck.ck-content h2 a[href]:focus,.ck.ck-content h2 a[href]:hover,.ck.ck-content h3 a[href]:active,.ck.ck-content h3 a[href]:focus,.ck.ck-content h3 a[href]:hover,.ck.ck-content h4 a[href]:active,.ck.ck-content h4 a[href]:focus,.ck.ck-content h4 a[href]:hover,.ck.ck-content h5 a[href]:active,.ck.ck-content h5 a[href]:focus,.ck.ck-content h5 a[href]:hover,.ck.ck-content h6 a[href]:active,.ck.ck-content h6 a[href]:focus,.ck.ck-content h6 a[href]:hover{text-decoration:underline}.ck.ck-content h2 a[href]:after,.ck.ck-content h3 a[href]:after,.ck.ck-content h4 a[href]:after,.ck.ck-content h5 a[href]:after,.ck.ck-content h6 a[href]:after{content:">";margin-right:.3em;margin-left:.4em;text-decoration:none}.ck.ck-content h2{font-size:37px;letter-spacing:-.016em;padding-top:3rem;margin-bottom:1.5rem}.ck.ck-content h3{font-size:30px;letter-spacing:-.012em}.ck.ck-content h3,.ck.ck-content h4{padding-top:1.8rem;margin-bottom:1.25rem}.ck.ck-content h4{font-size:24px;letter-spacing:-.01em}.ck.ck-content h5{font-size:19px;padding-top:1.25rem;margin-bottom:1.25rem}.ck.ck-content figure.table,.ck.ck-content table{width:100%}.ck.ck-content .table table{border:0}.ck.ck-content .table table tr:last-of-type{border-bottom:0}.ck.ck-content .table table th{background:#fff;border:0}.ck.ck-content .table table td{border:0}.ck.ck-content .table figcaption{text-align:left;background-color:#fff;color:#53565a;line-height:1.3;padding-bottom:0;padding-left:0}.ck.ck-content .su-intro-text{margin-bottom:2.5rem;font-weight:400;line-height:1.5;max-width:85rem;letter-spacing:-.012em;font-size:30px}.ck.ck-content .su-font-splash,.ck.ck-content .su-intro-text{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ck.ck-content .su-font-splash{margin-top:0;clear:both;font-weight:700;line-height:1.2;font-size:46px;letter-spacing:-.016em;padding-top:1.2rem;margin-bottom:3.2rem}.ck.ck-content blockquote{border-left:0}.ck.ck-content .su-quote-text{font-size:37px;letter-spacing:-.016em;line-height:1.7;font-style:italic}.ck.ck-content .su-drop-cap{font-size:30px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5;max-width:85rem;letter-spacing:-.012em;margin-top:0}.ck.ck-content .su-drop-cap:first-letter{margin:11px 12px 0 0;float:left;font-style:normal;font-weight:700;font-size:90px;line-height:.6;text-transform:uppercase}.ck.ck-content .su-related-text{margin-bottom:3.5rem;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.25);box-shadow:0 1px 2px rgba(0,0,0,.25);padding:25px;border:1px solid #e3e3e3}.ck.ck-content .su-callout-text{padding-top:1.9rem;font-size:28px;margin-bottom:3.5rem;line-height:1.3;font-weight:700}.ck.ck-content .su-subheading{font-size:24px}.ck.ck-content ul{list-style-type:disc;line-height:1.7}.ck.ck-content ul ul{list-style-type:circle}.ck.ck-content ul ul ul{list-style-type:square}.ck.ck-content ol{line-height:1.7;list-style-type:number}.ck.ck-content ol[type=a]{list-style-type:lower-alpha}.ck.ck-content ol[type=A]{list-style-type:upper-alpha}.ck.ck-content ol[type=i]{list-style-type:lower-roman}.ck.ck-content ol[type=I]{list-style-type:upper-roman}.ck.ck-content li{line-height:1.4;margin-bottom:10px}.ck.ck-content a.su-button{display:inline-block;padding:.5rem 1rem .575rem;background-color:#b1040e;color:#fff;text-decoration:none;font-weight:400;font-size:20px;margin-bottom:1.75rem}.ck.ck-content a.su-button:active,.ck.ck-content a.su-button:focus,.ck.ck-content a.su-button:hover{text-decoration:underline;background-color:#2e2d29}.ck.ck-content a.su-button--big{display:inline-block;padding:.75rem 1.5rem .9rem;background-color:#b1040e;color:#fff;text-decoration:none;font-weight:400;font-size:30px;margin-bottom:1.75rem}.ck.ck-content a.su-button--big:active,.ck.ck-content a.su-button--big:focus,.ck.ck-content a.su-button--big:hover{text-decoration:underline;background-color:#2e2d29}.ck.ck-content a.su-button--secondary{display:inline-block;padding:.5rem 1rem .575rem;border:2px solid #b1040e;color:#b1040e;text-decoration:none;font-weight:400;font-size:20px;margin-bottom:1.75rem}.ck.ck-content a.su-button--secondary:active,.ck.ck-content a.su-button--secondary:focus,.ck.ck-content a.su-button--secondary:hover{text-decoration:underline;color:#2e2d29;border:2px solid #2e2d29}.ck.ck-content a.su-link--action{text-decoration:underline}.ck.ck-content a.su-link--action:after{content:">";margin-right:.3em;margin-left:.4em;text-decoration:none}.ck.ck-content div:after,.ck.ck-content p:after{display:table;clear:both;content:""}
\ No newline at end of file
diff --git a/themes/stanford_basic/src/scss/ckeditor5.scss b/themes/stanford_basic/src/scss/ckeditor5.scss
index 64531e2c7..2eeb62e7b 100644
--- a/themes/stanford_basic/src/scss/ckeditor5.scss
+++ b/themes/stanford_basic/src/scss/ckeditor5.scss
@@ -1,107 +1,305 @@
-.ck-content {
-  font-size: 21px;
-  line-height: 31px;
-
-  h2 {
-    font-size: 42px;
+.ck {
+  &.ck-style-grid__button__preview > * {
+    margin: 0;
+    padding: 0;
   }
 
-  h3 {
-    font-size: 37px;
-  }
+  &.ck-content {
+    font-family: Source Sans Pro, Helvetica Neue, Helvetica, Arial, sans-serif;
+    font-size: 21px;
+    line-height: 1.7;
 
-  h4 {
-    font-size: 30px;
-  }
+    p {
+      font-size: 21px;
+      line-height: 35px;
+      margin-bottom: 38px;
 
-  h5 {
-    font-size: 24px;
-  }
+      &:last-child {
+        margin-bottom: 0;
+      }
+    }
 
-  h6 {
-    font-size: 19px;
-  }
+    :first-child {
+      margin-top: 0;
+      padding-top: 0;
+    }
 
-  figure.table, table {
-    width: 100%;
-  }
+    a {
+      color: #006cb8;
+      font-weight: 600;
 
-  .su-intro-text {
-    font-size: 33px;
-    line-height: 49px;
-  }
+      &:hover,
+      &:focus,
+      &:active {
+        color: #2e2d29;
+      }
+    }
 
-  .su-font-splash {
-    font-size: 51px;
-    font-weight: 700;
-    line-height: 77px;
-  }
+    h2,
+    h3,
+    h4,
+    h5,
+    h6 {
+      margin-top: 0;
+      clear: both;
+      font-weight: 700;
+      line-height: 1.2;
 
-  .su-quote-text {
-    font-size: 41px;
-    font-style: italic;
-    line-height: 61px;
-  }
+      a[href] {
+        color: #b1040e;
+        text-decoration: none;
 
-  .su-quote-text:before {
-    content: '"';
-  }
+        &:hover,
+        &:focus,
+        &:active {
+          text-decoration: underline;
+        }
 
-  .su-quote-text:after {
-    content: '"';
-  }
+        &::after {
+          content: ">";
+          margin-right: 0.3em;
+          margin-left: 0.4em;
+          text-decoration: none;
+        }
+      }
+    }
 
-  .su-drop-cap:first-letter {
-    font-weight: 700;
-    font-size: 40px;
-  }
+    h2 {
+      font-size: 37px;
+      letter-spacing: -0.016em;
+      padding-top: 3rem;
+      margin-bottom: 1.5rem;
+    }
 
-  .su-related-text {
-    padding: 30px;
-    box-shadow: black 0 0 0 0, black 0 0 0 0, black 0 10px 15px -3px, rgba(0, 0, 0, 0.1) 0 4px 6px -4px;
-  }
+    h3 {
+      font-size: 30px;
+      letter-spacing: -0.012em;
+      padding-top: 1.8rem;
+      margin-bottom: 1.25rem;
+    }
 
-  .su-callout-text {
-    font-weight: 700;
-  }
+    h4 {
+      font-size: 24px;
+      letter-spacing: -0.01em;
+      padding-top: 1.8rem;
+      margin-bottom: 1.25rem;
+    }
 
-  .su-subheading {
-    font-size: 26px;
-    line-height: 40px;
-  }
+    h5 {
+      font-size: 19px;
+      padding-top: 1.25rem;
+      margin-bottom: 1.25rem;
+    }
 
-  a[href] {
-    color: #006cb8
-  }
+    figure.table,
+    table {
+      width: 100%;
+    }
 
-  a.su-button[href] {
-    display: inline-block;
-    padding: 13px 26px;
-    background-color: #830000;
-    color: white;
-  }
+    .table {
+      table {
+        border: 0;
 
-  a.su-button--big[href] {
-    display: inline-block;
-    padding: 16px 36px;
-    background-color: #830000;
-    color: white;
-  }
+        tr:last-of-type {
+          border-bottom: 0;
+        }
 
-  a.su-button--secondary[href] {
-    display: inline-block;
-    border: 2px solid #830000;
-    padding: 13px 26px;
-    color: #830000;
-  }
+        th {
+          background: #fff;
+          border: 0;
+        }
 
-  a.su-link--action[href]:after {
-    content: '>'
-  }
+        td {
+          border: 0;
+        }
+      }
+
+      figcaption {
+        text-align: left;
+        background-color: white;
+        color: #53565a;
+        line-height: 1.3;
+        padding-bottom: 0;
+        padding-left: 0;
+      }
+    }
+
+    .su-intro-text {
+      margin-bottom: 2.5rem;
+      font-weight: 400;
+      line-height: 1.5;
+      max-width: 85rem;
+      letter-spacing: -0.012em;
+      font-size: 30px;
+    }
+
+    .su-font-splash {
+      margin-top: 0;
+      clear: both;
+      font-weight: 700;
+      line-height: 1.2;
+      font-size: 46px;
+      letter-spacing: -0.016em;
+      padding-top: 1.2rem;
+      margin-bottom: 3.2rem;
+    }
+
+    blockquote {
+      border-left: 0;
+    }
+
+    .su-quote-text {
+      font-size: 37px;
+      letter-spacing: -0.016em;
+      line-height: 1.7;
+      font-style: italic;
+    }
+
+    .su-drop-cap {
+      font-size: 30px;
+      font-weight: 400;
+      line-height: 1.5;
+      max-width: 85rem;
+      letter-spacing: -0.012em;
+      margin-top: 0;
+    }
+
+    .su-drop-cap:first-letter {
+      margin: 11px 12px 0 0;
+      float: left;
+      font-style: normal;
+      font-weight: 700;
+      font-size: 90px;
+      line-height: .6;
+      text-transform: uppercase
+    }
+
+    .su-related-text {
+      margin-bottom: 3.5rem;
+      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
+      padding: 25px;
+      border: 1px solid #e3e3e3;
+    }
+
+    .su-callout-text {
+      padding-top: 1.9rem;
+      font-size: 28px;
+      margin-bottom: 3.5rem;
+      line-height: 1.3;
+      font-weight: 700;
+    }
+
+    .su-subheading {
+      font-size: 24px;
+    }
+
+    ul {
+      list-style-type: disc;
+      line-height: 1.7;
+
+      ul {
+        list-style-type:circle;
+
+        ul {
+          list-style-type: square;
+        }
+      }
+    }
+
+    ol {
+      line-height: 1.7;
+      list-style-type: number;
+
+      &[type="a"] {
+        list-style-type: lower-alpha
+      }
+      &[type="A"] {
+        list-style-type: upper-alpha
+      }
+      &[type="i"] {
+        list-style-type: lower-roman;
+      }
+      &[type="I"] {
+        list-style-type: upper-roman
+      }
+    }
+
+    li {
+      line-height: 1.4;
+      margin-bottom: 10px;
+    }
+
+    a.su-button {
+      display: inline-block;
+      padding: 0.5rem 1rem 0.575rem;
+      background-color: #b1040e;
+      color: white;
+      text-decoration: none;
+      font-weight: 400;
+      font-size: 20px;
+      margin-bottom: 1.75rem;
+
+      &:hover,
+      &:focus,
+      &:active {
+        text-decoration: underline;
+        background-color: #2e2d29;
+      }
+    }
+
+    a.su-button--big {
+      display: inline-block;
+      padding: 0.75rem 1.5rem 0.9rem;
+      background-color: #b1040e;
+      color: white;
+      text-decoration: none;
+      font-weight: 400;
+      font-size: 30px;
+      margin-bottom: 1.75rem;
+
+      &:hover,
+      &:focus,
+      &:active {
+        text-decoration: underline;
+        background-color: #2e2d29;
+      }
+    }
+
+    a.su-button--secondary {
+      display: inline-block;
+      padding: 0.5rem 1rem 0.575rem;
+      border: 2px solid #b1040e;
+      color: #b1040e;
+      text-decoration: none;
+      font-weight: 400;
+      font-size: 20px;
+      margin-bottom: 1.75rem;
+
+      &:hover,
+      &:focus,
+      &:active {
+        text-decoration: underline;
+        color: #2e2d29;
+        border: 2px solid #2e2d29;
+      }
+    }
+
+    a.su-link--action {
+      text-decoration: underline;
+
+      &::after {
+        content: ">";
+        margin-right: 0.3em;
+        margin-left: 0.4em;
+        text-decoration: none;
+      }
+    }
 
-  div:after, p:after {
-    display: table;
-    clear: both;
-    content: "";
+    div:after,
+    p:after {
+      display: table;
+      clear: both;
+      content: "";
+    }
   }
 }