diff --git a/changelogs/unreleased/1848-ccbayer b/changelogs/unreleased/1848-ccbayer
new file mode 100644
index 000000000..1eb7e9a5f
--- /dev/null
+++ b/changelogs/unreleased/1848-ccbayer
@@ -0,0 +1 @@
+Jeckyll Site updates - modifies documentation to use a wider layout; adds better markdown table formatting
\ No newline at end of file
diff --git a/site/_layouts/docs.html b/site/_layouts/docs.html
index 29cdbadf8..ea99eb19b 100644
--- a/site/_layouts/docs.html
+++ b/site/_layouts/docs.html
@@ -16,28 +16,28 @@
   <div class="container-fluid site-outer-container">
     <div class="site-container">
       {% include site-header.html %}
-      <div class="post-single-hero bg-color-{{ site.hero.background-color }}">
+      <div class="post-single-hero post-single-hero-short bg-color-{{ site.hero.background-color }}">
         <div class="section">
             <div class="section-content">
               <h1>Documentation</h1>
             </div>
         </div>
       </div>
-        <div class="post-single-body">
-        <div class="section section-card">
-            <div class="section-content pt-4 pb-0">
-              <div class="row">
-                <div class="col-md-3">
-                {% include versions.html %}
-                {% include nav.html %}
-                </div>
-                <div class="col-md-8 offset-md-1">
-                {% include version-warning.html %}
+        <div class="section section-card pt-4 pb-0">
+          <div class="container container-max">
+            <div class="row">
+              <div class="col-md-3 toc">
+              {% include versions.html %}
+              {% include nav.html %}
+              </div>
+              <div class="col-md-8">
+              {% include version-warning.html %}
+              <div class="documentation-container">
                 {{ content }}
-                </div>
+              </div>
               </div>
             </div>
-        </div>
+          </div>
         </div>
       {% include footer.html %}
     </div>
diff --git a/site/_scss/_styles.scss b/site/_scss/_styles.scss
old mode 100644
new mode 100755
index 40a5aec7c..1cd10c1df
--- a/site/_scss/_styles.scss
+++ b/site/_scss/_styles.scss
@@ -10,6 +10,7 @@
 
 // Layouts
 @import "./site/layouts/container";
+@import "./site/layouts/documentation";
 
 // Objects
 @import "./site/objects/header";
diff --git a/site/_scss/site/layouts/_documentation.scss b/site/_scss/site/layouts/_documentation.scss
new file mode 100644
index 000000000..b52a1904f
--- /dev/null
+++ b/site/_scss/site/layouts/_documentation.scss
@@ -0,0 +1,32 @@
+#docs {
+  .container.container-max {
+    max-width: 90%;
+  }
+  table {
+    @extend .table;
+    @extend .table-striped;
+    @extend .table-bordered;
+    thead {
+      @extend .thead-light;
+    }
+    td {
+      code {
+        word-break: keep-all;
+      }
+    }
+  }
+  .toc {
+    padding-left: 30px;
+    nav {
+      ul {
+        padding: 0;
+      }
+    }
+  }
+  .documentation-container {
+    @include media-breakpoint-down(lg) {
+      max-width: 100%;
+      overflow-x: scroll;
+    }
+  }
+}
\ No newline at end of file
diff --git a/site/_scss/site/objects/_post.scss b/site/_scss/site/objects/_post.scss
old mode 100644
new mode 100755
index d8cacb82d..d835905ee
--- a/site/_scss/site/objects/_post.scss
+++ b/site/_scss/site/objects/_post.scss
@@ -25,6 +25,9 @@
     font-weight: $font-weight-light;
     text-align: center;
   }
+  &.post-single-hero-short {
+    padding-bottom: 0;
+  }
 }
 
 .post-single-body {