From b6c260b99601eb8696f6266954a5345205246155 Mon Sep 17 00:00:00 2001
From: Thiago Teixeira <thiago.teixeira@snowflake.com>
Date: Wed, 1 Oct 2025 21:24:06 -0300
Subject: [PATCH 1/3] Simplify containers of Ask AI button to stop overlapping
 cookie settings link.

---
 components/navigation/chatSticky.js         |  6 +--
 components/navigation/chatSticky.module.css | 10 +---
 components/utilities/kapa.js                | 59 ++++++++++-----------
 components/utilities/kapa.module.css        | 11 ++--
 4 files changed, 35 insertions(+), 51 deletions(-)

diff --git a/components/navigation/chatSticky.js b/components/navigation/chatSticky.js
index 358d805ce..b57480af1 100644
--- a/components/navigation/chatSticky.js
+++ b/components/navigation/chatSticky.js
@@ -5,11 +5,7 @@ import styles from "./chatSticky.module.css";
 const ChatSticky = () => {
   return (
     <div className={classNames(styles.Container)}>
-      <nav className={styles.Navigation} id="chat-sticky">
-        <section className={styles.NavigationContainer}>
-          <Kapa />
-        </section>
-      </nav>
+      <Kapa />
     </div>
   );
 };
diff --git a/components/navigation/chatSticky.module.css b/components/navigation/chatSticky.module.css
index 37b42c0ce..8cf18f5fa 100644
--- a/components/navigation/chatSticky.module.css
+++ b/components/navigation/chatSticky.module.css
@@ -1,11 +1,3 @@
 .Container {
-  @apply fixed bottom-[30px] w-full z-10;
-}
-
-.Navigation {
-  @apply container px-2 xl:px-4 flex items-center justify-between relative transition-all mx-auto h-full left-auto;
-}
-
-.NavigationContainer {
-  @apply flex flex-auto justify-end;
+  @apply fixed bottom-8 right-2 sm:right-8 z-10;
 }
diff --git a/components/utilities/kapa.js b/components/utilities/kapa.js
index 0e2e5c2cd..16593137e 100644
--- a/components/utilities/kapa.js
+++ b/components/utilities/kapa.js
@@ -15,28 +15,24 @@ const Kapa = () => {
     }
   };
   let kapaWidget = (
-    <div className={styles.FooterContainer}>
-      <section className={styles.AskButtonContainer}>
-        <button
-          id="kapa-ai"
-          type="button"
-          className={styles.AskButton}
-          onMouseOver={showTooltip}
-          onMouseOut={hideTooltip}
-        >
-          <i className={styles.AskIcon}>forum</i> Ask AI
-        </button>
-        {/* <div className={styles.Tooltip}>
-          <p>Try our new docs assistant!</p>
-        </div> */}
-        <script
-          src="https://widget.kapa.ai/kapa-widget.bundle.js"
-          data-website-id="e81c2b35-6c03-4576-a56c-3c825f866e06"
-          data-project-name="Streamlit"
-          data-project-color="#000000"
-          data-project-logo="https://docs.streamlit.io/logo.svg"
-          data-modal-title="Streamlit docs assistant (beta)"
-          data-modal-disclaimer="
+    <>
+      <button
+        id="kapa-ai"
+        type="button"
+        className={styles.AskButton}
+        onMouseOver={showTooltip}
+        onMouseOut={hideTooltip}
+      >
+        <i className={styles.AskIcon}>forum</i> Ask AI
+      </button>
+      <script
+        src="https://widget.kapa.ai/kapa-widget.bundle.js"
+        data-website-id="e81c2b35-6c03-4576-a56c-3c825f866e06"
+        data-project-name="Streamlit"
+        data-project-color="#000000"
+        data-project-logo="https://docs.streamlit.io/logo.svg"
+        data-modal-title="Streamlit docs assistant (beta)"
+        data-modal-disclaimer="
                 This AI chatbot is powered by kapa.ai and public Streamlit information.
                 Answers may be inaccurate, inefficient, or biased. Any use or decisions
                 based on such answers should include reasonable practices including
@@ -52,16 +48,15 @@ const Kapa = () => {
                 “Content”) may be used by Streamlit and kapa.ai to provide, maintain,
                 develop, and improve their respective offerings. For more information on how
                 kapa.ai may use your Content, see https://www.kapa.ai/content/terms-of-service."
-          data-button-hide="true"
-          data-modal-override-open-id="kapa-ai"
-          data-modal-lock-scroll="false"
-          data-modal-border-radius="6px"
-          data-modal-image-height="18px"
-          data-answer-feedback-button-active-border="1px solid #808495"
-          data-user-analytics-cookie-enabled="false"
-        ></script>
-      </section>
-    </div>
+        data-button-hide="true"
+        data-modal-override-open-id="kapa-ai"
+        data-modal-lock-scroll="false"
+        data-modal-border-radius="6px"
+        data-modal-image-height="18px"
+        data-answer-feedback-button-active-border="1px solid #808495"
+        data-user-analytics-cookie-enabled="false"
+      ></script>
+    </>
   );
 
   return kapaWidget;
diff --git a/components/utilities/kapa.module.css b/components/utilities/kapa.module.css
index 63fcc5b19..c4fca455b 100644
--- a/components/utilities/kapa.module.css
+++ b/components/utilities/kapa.module.css
@@ -22,12 +22,13 @@
   }
 }
 
-.AskButtonContainer {
-  @apply flex justify-end;
-}
-
 .AskButton {
-  @apply flex items-center justify-center p-0 rounded-md h-8 px-4 cursor-pointer bg-gray-100 text-white hover:opacity-90 hover:shadow-sm;
+  @apply flex items-center justify-center
+    rounded-md
+    h-8
+    py-0 px-4
+    cursor-pointer
+    bg-gray-100 text-white hover:opacity-90 hover:shadow-sm;
   animation: wiggle 2s 1;
 }
 

From e3a1c704e890bd62a432c21ea44a78752d866c83 Mon Sep 17 00:00:00 2001
From: Thiago Teixeira <thiago.teixeira@snowflake.com>
Date: Wed, 1 Oct 2025 21:24:49 -0300
Subject: [PATCH 2/3] Remove tall z-index of What's New section.

---
 components/blocks/refCard.module.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/blocks/refCard.module.css b/components/blocks/refCard.module.css
index d82054611..ad064ccaa 100644
--- a/components/blocks/refCard.module.css
+++ b/components/blocks/refCard.module.css
@@ -1,5 +1,5 @@
 .Container {
-  @apply relative rounded-md border border-gray-30 text-base cursor-pointer transition-all duration-75 flex flex-col z-20;
+  @apply relative rounded-md border border-gray-30 text-base cursor-pointer transition-all duration-75 flex flex-col;
 }
 
 .Container:hover {

From 6a16a85277fae8de0b9443b986b526e699f35898 Mon Sep 17 00:00:00 2001
From: Thiago Teixeira <thiago.teixeira@snowflake.com>
Date: Mon, 6 Oct 2025 12:06:49 -0300
Subject: [PATCH 3/3] Fix z-indices

---
 components/blocks/refCard.module.css        | 2 +-
 components/navigation/chatSticky.module.css | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/blocks/refCard.module.css b/components/blocks/refCard.module.css
index ad064ccaa..d82054611 100644
--- a/components/blocks/refCard.module.css
+++ b/components/blocks/refCard.module.css
@@ -1,5 +1,5 @@
 .Container {
-  @apply relative rounded-md border border-gray-30 text-base cursor-pointer transition-all duration-75 flex flex-col;
+  @apply relative rounded-md border border-gray-30 text-base cursor-pointer transition-all duration-75 flex flex-col z-20;
 }
 
 .Container:hover {
diff --git a/components/navigation/chatSticky.module.css b/components/navigation/chatSticky.module.css
index 8cf18f5fa..6803e419b 100644
--- a/components/navigation/chatSticky.module.css
+++ b/components/navigation/chatSticky.module.css
@@ -1,3 +1,3 @@
 .Container {
-  @apply fixed bottom-8 right-2 sm:right-8 z-10;
+  @apply fixed bottom-8 right-2 sm:right-8 z-30;
 }