diff --git a/assets/js/inkeep.js b/assets/js/inkeep.js
index 305ac740a0..db37ff8d5c 100644
--- a/assets/js/inkeep.js
+++ b/assets/js/inkeep.js
@@ -86,6 +86,7 @@ const inkeepWidgetAI = Inkeep().embed(config);
 
 // Add event listener to open the Inkeep modal when the button is clicked
 inkeepButtonTop.addEventListener("click", handleOpen);
+inkeepButtonBottom.addEventListener("click", handleOpen);
 
 // Create an HTML element that the Inkeep widget will be inserted into.
 const nav = document.querySelector("#navsearch");
diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss
index 9c92bddba5..a3b5c64425 100644
--- a/assets/scss/_styles_project.scss
+++ b/assets/scss/_styles_project.scss
@@ -153,6 +153,7 @@ h7, .h7 {
 
 .td-sidebar {
   /* NAV Panel changes */
+  background-color: #FFFFFF;
 }
 
 // TABLE OF CONTENT CHANGES
@@ -2021,6 +2022,10 @@ a.ais-Pagination-link:hover {
   width: 100%;
 }
 
+#chatButton {
+  display: none;
+}
+
 @media (max-width: 992px) {
 
   #navSearchBar {
@@ -2034,6 +2039,16 @@ a.ais-Pagination-link:hover {
     margin-top: 0.5rem;
   }
 
+  #chatButton {
+    display: unset;
+    background-color: #000;
+    color: white;
+  }
+
+  #scrollButton {
+    margin-right: 136px;
+  }
+
 }
 
 #mobile-search {
diff --git a/layouts/docs/baseof.html b/layouts/docs/baseof.html
index 88c8e91845..4a72b7b483 100644
--- a/layouts/docs/baseof.html
+++ b/layouts/docs/baseof.html
@@ -34,6 +34,12 @@
           </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>
diff --git a/layouts/docs/glossary.html b/layouts/docs/glossary.html
index c8fe44eaa0..093ba73698 100644
--- a/layouts/docs/glossary.html
+++ b/layouts/docs/glossary.html
@@ -47,6 +47,12 @@ <h4 id="{{ printf "%s" $term_identifier }}" class="glossary-anchor">{{ .Title }}
         </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>
         <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>
diff --git a/layouts/docs/landing.html b/layouts/docs/landing.html
index 3f3e1b2f85..17daa9c9bf 100644
--- a/layouts/docs/landing.html
+++ b/layouts/docs/landing.html
@@ -24,6 +24,12 @@
           </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>
diff --git a/layouts/docs/search.html b/layouts/docs/search.html
index eb608daee1..1f95c9a2ed 100644
--- a/layouts/docs/search.html
+++ b/layouts/docs/search.html
@@ -37,6 +37,12 @@ <h1>{{ .Title }}</h1>
             </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>
diff --git a/layouts/docs/tutorials.html b/layouts/docs/tutorials.html
index da717c3d0b..91c6d7084c 100644
--- a/layouts/docs/tutorials.html
+++ b/layouts/docs/tutorials.html
@@ -101,6 +101,12 @@ <h4 class="alert-heading">Javascript</h4>
             </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>