diff --git a/assets/scss/_sidebar-tree.scss b/assets/scss/_sidebar-tree.scss
index 1b917ca175..6cd2996d26 100644
--- a/assets/scss/_sidebar-tree.scss
+++ b/assets/scss/_sidebar-tree.scss
@@ -144,9 +144,9 @@
         @include media-breakpoint-up(md) {
             @supports (position: sticky) {
                 position: sticky;
-                top: 4rem;
+                top: 5rem;
                 z-index: 10;
-                height: calc(100vh - 4rem);
+                height: calc(100vh - 5rem);
             }
         }
 
diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss
index 78ba349840..0dbe231fa7 100644
--- a/assets/scss/_styles_project.scss
+++ b/assets/scss/_styles_project.scss
@@ -201,7 +201,9 @@ h7, .h7 {
 }
 
 .td-sidebar-toc {
+  top: 6rem;
   border-left: unset;
+  height: calc(100vh - 10rem);
 }
 
 // Breadcrumb styling
@@ -271,10 +273,19 @@ p, li {
   }
 }
 
+.td-content.tutorials {
+  max-width: 1200px;
+}
+
+footer.tutorials {
+  max-width: 1200px;
+}
+
 // START FOOTER STYLING
 
 footer {
   border-top: 1px solid rgba(0, 0, 0, 0.1);
+  max-width: 1000px;
 }
 
 footer a {
@@ -1261,6 +1272,12 @@ td > ul, td > ol {
   animation: linear 2s wiggle 2s 2;
 }
 
+@media (min-width: 992px) {
+  #scrollButton {
+    margin-right: 10%;
+  }
+}
+
 #chatButtonContent {
   display: flex;
   justify-content: space-evenly;
@@ -1399,7 +1416,7 @@ img.frame {
 // This ensures the gray sidebar covers the area where the sticky buttons are rendered.
 @media (min-width: 768px) {
   .td-sidebar {
-    padding-bottom: 76px;
+    // padding-bottom: 76px;
     margin-bottom: -76px;
   }
 }
@@ -2027,7 +2044,7 @@ a.ais-Pagination-link:hover {
 // ensure tutorials page is 100% of height
 
 .row.flex-xl-nowrap {
-  min-height: 90%;
+  min-height: 100%;
 }
 
 
@@ -3327,4 +3344,30 @@ div.tablestep > table td, div.tablestep table td {
   margin-top: 1rem;
 }
 
-// Numbered list styling END
+footer.py-5 {
+  padding-bottom: 0 !important;
+  padding-top: 1rem !important;
+  margin-bottom: -2rem !important;
+}
+
+.td-main main {
+  padding-bottom: 0rem !important;
+}
+
+footer {
+  min-height: 30px !important;
+}// Numbered list styling END
+
+.center-main-landing {
+  justify-content: center;
+}
+
+.center-main-landing > .pl-md-5, .center-main-landing > .px-md-5 {
+    padding-left: 0rem !important;
+    padding-right: 0rem !important;
+}
+
+.center-main-landing .col.hover-card {
+  margin-left: 0rem !important;
+  margin-right: 0rem !important;
+}
\ No newline at end of file
diff --git a/layouts/docs/baseof.html b/layouts/docs/baseof.html
index 4a72b7b483..cc14f7adac 100644
--- a/layouts/docs/baseof.html
+++ b/layouts/docs/baseof.html
@@ -21,8 +21,13 @@
           </aside>
           {{ if .Params.noToc }}
           {{ else }}
+          <aside class="d-none d-xl-block col-xl-2 td-sidebar-toc d-print-none">
+            {{ partial "page-meta-links.html" . }}
+            {{ partial "toc.html" . }}
+            {{ partial "taxonomy_terms_clouds.html" . }}
+          </aside>
           {{ end }}
-          <main class="col-12 col-md-9 {{ if .Params.noToc }}col-xl-10{{ else }}col-xl-10{{ end }} pl-md-5" role="main">
+          <main class="col-12 col-md-9 {{ if .Params.noToc }}col-xl-10{{ else }}col-xl-8{{ end }} pl-md-5" role="main">
             {{ partial "version-banner.html" . }}
             {{ if ne .Params.noedit true }}
               {{ partial "edit-on-github.html" . }}
@@ -34,17 +39,7 @@
           </main>
           {{ $img := resources.GetMatch "/icons/learn-viam-robot-icon-ai.svg" }}
         </div>
-          <button class="docsbutton" id="chatButton" title="Chatbot and support">
-            <span id="chatButtonContent">
-              <i style="font-size:x-large;" class="fas fa-comments"></i>
-              <span>Ask AI</span>
-            </span>
-          </button>
-          <button onclick="toTop()" class="docsbutton" id="scrollButton" title="Go to top" style="visibility: hidden;">
-            <i style="font-size:x-large;" class="fas fa-chevron-up"></i>
-          </button>
       </div>
-      {{ partial "footer.html" . }}
     </div>
     {{ partial "scripts.html" . }}
   </body>
diff --git a/layouts/docs/changelog.html b/layouts/docs/changelog.html
index 03354067b6..d5b3f51c19 100644
--- a/layouts/docs/changelog.html
+++ b/layouts/docs/changelog.html
@@ -41,10 +41,20 @@ <h1>{{ .Title }}</h1>
               </div>
               {{ .Content }}
             </div>
+            <button class="docsbutton" id="chatButton" title="Chatbot and support">
+              <span id="chatButtonContent">
+                <i style="font-size:x-large;" class="fas fa-comments"></i>
+                <span>Ask AI</span>
+              </span>
+            </button>
+            <button onclick="toTop()" class="docsbutton" id="scrollButton" title="Go to top" style="visibility: hidden;">
+                <i style="font-size:x-large;" class="fas fa-chevron-up"></i>
+            </button>
+
+            {{ partial "footer.html" . }}
           </main>
         </div>
       </div>
-      {{ partial "footer.html" . }}
     </div>
     {{ $jsChangelog := resources.Get "js/changelog.js" }}
     {{ $jsChangelog := $jsChangelog | minify }}
diff --git a/layouts/docs/content.html b/layouts/docs/content.html
index a262672b6e..9b25dcfbf5 100644
--- a/layouts/docs/content.html
+++ b/layouts/docs/content.html
@@ -47,6 +47,16 @@ <h4 class="alert-heading">DRAFT</h4>
 
 	{{ .Content }}
 
+	<button class="docsbutton" id="chatButton" title="Chatbot and support">
+		<span id="chatButtonContent">
+			<i style="font-size:x-large;" class="fas fa-comments"></i>
+			<span>Ask AI</span>
+		</span>
+	</button>
+	<button onclick="toTop()" class="docsbutton" id="scrollButton" title="Go to top" style="visibility: hidden;">
+	<i style="font-size:x-large;" class="fas fa-chevron-up"></i>
+	</button>
+
 	{{ if ne .Params.no_list true}}
 	{{ $pages := union .Sections .Pages }}
 	<div id="next-page" class="card-container">
@@ -90,4 +100,6 @@ <h4 class="alert-heading">DRAFT</h4>
 		{{ partial "feedback.html" . }}
 		<br />
 	{{ end }}{{- end -}}
-</div>
\ No newline at end of file
+</div>
+
+{{ partial "footer.html" . }}
diff --git a/layouts/docs/glossary.html b/layouts/docs/glossary.html
index 093ba73698..9c24ff0bf0 100644
--- a/layouts/docs/glossary.html
+++ b/layouts/docs/glossary.html
@@ -44,7 +44,19 @@ <h4 id="{{ printf "%s" $term_identifier }}" class="glossary-anchor">{{ .Title }}
                     {{ end }}
                 {{ end }}
             </div>
-        </main>
+
+            <button class="docsbutton" id="chatButton" title="Chatbot and support">
+              <span id="chatButtonContent">
+                <i style="font-size:x-large;" class="fas fa-comments"></i>
+                <span>Ask AI</span>
+              </span>
+            </button>
+            <button onclick="toTop()" class="docsbutton" id="scrollButton" title="Go to top" style="visibility: hidden;">
+                <i style="font-size:x-large;" class="fas fa-chevron-up"></i>
+            </button>
+
+            {{ partial "footer.html" . }}
+          </main>
         </div>
         {{ $img := resources.GetMatch "/icons/learn-viam-robot-icon-ai.svg" }}
         <button class="docsbutton" id="chatButton" title="Chatbot and support">
@@ -57,7 +69,6 @@ <h4 id="{{ printf "%s" $term_identifier }}" class="glossary-anchor">{{ .Title }}
           <i style="font-size:x-large;" class="fas fa-chevron-up"></i>
         </button>
       </div>
-      {{ partial "footer.html" . }}
     </div>
     {{ partial "scripts.html" . }}
   </body>
diff --git a/layouts/docs/landing.html b/layouts/docs/landing.html
index 17daa9c9bf..8336f5dd61 100644
--- a/layouts/docs/landing.html
+++ b/layouts/docs/landing.html
@@ -15,25 +15,15 @@
     </header>
     <div class="container-fluid td-outer">
       <div class="td-main">
-        <div class="row flex-xl-nowrap">
-          <aside class="col-12 col-md-3 col-xl-2 td-sidebar d-print-none" id="landing-page-sidebar">
-            {{ partial "sidebar.html" . }}
-          </aside>
-          <main class="col-12 col-md-12 col-xl-12 pl-md-12" role="main">
+        <div class="row flex-xl-nowrap center-main-landing">
+          <main class="col-12 col-md-9 col-xl-8 pl-md-5" role="main">
             {{ .Render "content" }}
           </main>
         </div>
-        {{ $img := resources.GetMatch "/icons/learn-viam-robot-icon-ai.svg" }}
-        <button class="docsbutton" id="chatButton" title="Chatbot and support">
-            <span id="chatButtonContent">
-              <i style="font-size:x-large;" class="fas fa-comments"></i>
-              <span>Ask AI</span>
-            </span>
-        </button>
-    </div>
-      {{ partial "footer.html" . }}
     </div>
 
+  </div>
+
     {{ partial "scripts.html" . }}
 
   </body>
diff --git a/layouts/docs/search.html b/layouts/docs/search.html
deleted file mode 100644
index 1f95c9a2ed..0000000000
--- a/layouts/docs/search.html
+++ /dev/null
@@ -1,57 +0,0 @@
-<!doctype html>
-<html lang="{{ .Site.Language.Lang }}" class="no-js">
-  <head>
-    {{ partial "head.html" . }}
-  </head>
-  <body class="td-{{ .Kind }}{{ with .Page.Params.body_class }} {{ . }}{{ end }}">
-    {{- if hugo.IsProduction -}}{{- if .Site.Config.Services.GoogleAnalytics.ID -}}
-    <!-- Google Tag Manager (noscript) -->
-    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id={{ .Site.Config.Services.GoogleAnalytics.ID }}"
-      height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
-    <!-- End Google Tag Manager (noscript) -->
-    {{- end -}}{{- end -}}
-    <header>
-      {{ partial "navbar.html" . }}
-    </header>
-    <div class="container-fluid td-outer">
-      <div class="td-main">
-        <div class="row flex-xl-nowrap">
-            <aside class="col-12 col-md-3 col-xl-2 td-sidebar d-print-none">
-                {{ partial "sidebar.html" . }}
-            </aside>
-            <main class="col-12 col-md-9 col-xl-10 pl-md-5" role="main">
-                {{ if not .Site.Params.ui.breadcrumb_disable }}{{ partial "breadcrumb.html" . }}{{ end }}
-                <div class="td-content">
-                    <h1>{{ .Title }}</h1>
-
-                    <div id="tutorial-menu" class="lozad">
-                      <div id="resource-list" style="display:none;"></div>
-                      <div id="platformarea-list" data-parent="#tutorial-menu"></div>
-                    </div>
-                    <div class="search-panel__results card-container lozad">
-                        <div id="hits" class="row-no-margin"></div>
-                        <div id="pagination"></div>
-                        <div id="search-box" style="display:none;visibility:hidden"></div>
-                    </div>
-                </div>
-            </main>
-        </div>
-        {{ $img := resources.GetMatch "/icons/learn-viam-robot-icon-ai.svg" }}
-        <button class="docsbutton" id="chatButton" title="Chatbot and support">
-            <span id="chatButtonContent">
-              <i style="font-size:x-large;" class="fas fa-comments"></i>
-              <span>Ask AI</span>
-            </span>
-        </button>
-    </div>
-      {{ partial "footer.html" . }}
-    </div>
-
-    {{ partial "scripts.html" . }}
-
-    <script src="https://cdn.jsdelivr.net/npm/typesense-instantsearch-adapter@2/dist/typesense-instantsearch-adapter.min.js"></script>
-
-    <script src="https://cdn.jsdelivr.net/npm/instantsearch.js@4.46.0"></script>
-
-  </body>
-</html>
diff --git a/layouts/docs/tutorials.html b/layouts/docs/tutorials.html
index 91c6d7084c..0252c8d593 100644
--- a/layouts/docs/tutorials.html
+++ b/layouts/docs/tutorials.html
@@ -26,7 +26,7 @@
                 </a>
                 </div>
                 {{ if not .Site.Params.ui.breadcrumb_disable }}{{ partial "breadcrumb.html" . }}{{ end }}
-                <div class="td-content">
+                <div class="td-content tutorials">
                     <h1>{{ .Title }}</h1>
                     <p>
                         Tutorials provide instructions to build small projects while teaching you new skills.
@@ -98,17 +98,21 @@ <h4 class="alert-heading">Javascript</h4>
                     </noscript>
                 </div>
                 <p>Find more examples of how Viam is being used in the world by reviewing <a href="https://www.viam.com/customers" target="_blank">Customer Stories</a>, <a href="/tutorials/">tutorials</a>, or <a href="https://www.viam.com/blog?categories=Tutorials" target="_blank">blog posts</a>.</p>
+
+                <button class="docsbutton" id="chatButton" title="Chatbot and support">
+                    <span id="chatButtonContent">
+                      <i style="font-size:x-large;" class="fas fa-comments"></i>
+                      <span>Ask AI</span>
+                    </span>
+                </button>
+                <button onclick="toTop()" class="docsbutton" id="scrollButton" title="Go to top" style="visibility: hidden;">
+                    <i style="font-size:x-large;" class="fas fa-chevron-up"></i>
+                </button>
+
+                {{ partial "footer.html" . "tutorials" }}
             </main>
         </div>
-        {{ $img := resources.GetMatch "/icons/learn-viam-robot-icon-ai.svg" }}
-        <button class="docsbutton" id="chatButton" title="Chatbot and support">
-            <span id="chatButtonContent">
-              <i style="font-size:x-large;" class="fas fa-comments"></i>
-              <span>Ask AI</span>
-            </span>
-        </button>
     </div>
-      {{ partial "footer.html" . }}
     </div>
 
     {{ partial "scripts.html" . }}
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 71a2936125..4d8cd3b553 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -1,22 +1,22 @@
 {{ $links := .Site.Params.links }}
-<footer class="bg-dark py-5 row d-print-none">
+<footer class="bg-dark py-5 row d-print-none {{ if eq .Page.Title "Tutorials" }}tutorials{{ end }}">
   <div class="container-fluid mx-sm-5">
     <div class="row">
-      <div class="col-6 col-sm-4 text-xs-center order-sm-2">
-        {{ with $links }}
+      <div class="col-2 col-sm-2 text-xs-center order-sm-2">
+        <!-- {{ with $links }}
         {{ with index . "user"}}
         {{ template "footer-links-block"  . }}
         {{ end }}
-        {{ end }}
+        {{ end }} -->
       </div>
-      <div class="col-6 col-sm-4 text-right text-xs-center order-sm-3">
-        {{ with $links }}
+      <div class="col-6 col-sm-2 text-right text-xs-center order-sm-3">
+        <!-- {{ with $links }}
         {{ with index . "developer"}}
         {{ template "footer-links-block"  . }}
         {{ end }}
-        {{ end }}
+        {{ end }} -->
       </div>
-      <div class="col-12 col-sm-4 text-center py-2 order-sm-2">
+      <div class="col-12 col-sm-8 text-center py-2 order-sm-2">
         {{ with .Site.Params.copyright }}<small class="text-white">&copy; {{ now.Year}} {{ .}} {{ T "footer_all_rights_reserved" }}</small><BR>{{ end }}
           {{ with .Site.Params.privacy_policy }}<small class="ml-2"><a href="{{ . }}" target="_blank" rel="noopener">{{ "PRIVACY POLICY" }}</a></small>{{ end }}
           {{ with .Site.Params.tos_statement }}<small class="ml-2"><a href="{{ . }}" target="_blank" rel="noopener">{{ "TERMS" }}</a></small> {{ end }}
@@ -32,7 +32,7 @@
     </div>
   </div>
 </footer>
-{{ define "footer-links-block" }}
+<!-- {{ define "footer-links-block" }}
 <ul class="list-inline mb-0">
   {{ range . }}
   <li class="list-inline-item mx-2 h3" data-toggle="tooltip" data-placement="top" title="{{ .name }}" aria-label="{{ .name }}">
@@ -42,4 +42,4 @@
   </li>
   {{ end }}
 </ul>
-{{ end }}
+{{ end }} -->
diff --git a/layouts/partials/sidebar-tree.html b/layouts/partials/sidebar-tree.html
index 56ee41b895..2c4a64d8b5 100644
--- a/layouts/partials/sidebar-tree.html
+++ b/layouts/partials/sidebar-tree.html
@@ -59,9 +59,7 @@
 <span> Tutorials </span>
 </a>
 <li class="active-path tutorial-heading">
-  <a href="" title="{{ $p.Title }}" class="active">{{ $p.LinkTitle }}
-  </a>
-  <div class="td-toc" id="TableOfContents"></div>
+  <a href="" title="{{ $p.Title }}" class="active">{{ $p.LinkTitle }}</a>
 </li>
 {{ else }}
 
@@ -105,9 +103,6 @@
     {{- end -}}
     </span>
   </span>
-  {{- if and ($active) (not .Params.notoc) -}}
-    <div class="td-toc" id="TableOfContents"></div>
-    {{- end -}}
     {{ else }}
       {{ if $s.Params.canonical }}
       <a href="{{$s.Params.canonical | relURL}}"{{ if ne $s.LinkTitle $manualLinkTitle }} title="{{ $manualLinkTitle }}"{{ end }}{{ with $s.Params.manualLinkTarget }} target="{{ . }}"{{ if eq . "_blank" }} rel="noopener"{{ end }}{{ end }}>{{ $s.LinkTitle }} <i class="fas fa-external-link-alt fa-sm"></i>
@@ -115,9 +110,6 @@
       {{ else }}
       <a href="{{ $manualLink }}"{{ if ne $s.LinkTitle $manualLinkTitle }} title="{{ $manualLinkTitle }}"{{ end }}{{ with $s.Params.manualLinkTarget }} target="{{ . }}"{{ if eq . "_blank" }} rel="noopener"{{ end }}{{ end }} class="{{ if $active}} active{{ end }}{{ if $treeRoot }} tree-root{{ end }}">{{ $s.LinkTitle }}
       </a>
-      {{- if and ($active) (not .Params.notoc) -}}
-      <div class="td-toc" id="TableOfContents"></div>
-      {{- end -}}
       {{- end }}
   {{ end }}
   {{- end }}