diff --git a/src/html.tsx b/src/html.tsx
index f8211ee50e..e9df1a8b70 100644
--- a/src/html.tsx
+++ b/src/html.tsx
@@ -12,9 +12,14 @@ const HTML = (props: any) => {
           src="https://widget.kapa.ai/kapa-widget-v1.1.0.bundle.js"
           data-website-id="1b51bb03-43cc-4ef4-95f1-93288a91b560"
           data-project-name="Prisma"
-          data-project-color="#16A394"
+          data-project-color="#2D3748"
           data-project-logo="https://www.prisma.io/docs/ai_logo.png"
           data-button-text="ASK AI"
+          data-button-image="https://www.prisma.io/docs/ai_button.svg"
+          data-button-text-color="#71E8DF"
+          data-button-bg-color="#2D3748"
+          data-button-border="2px"
+          data-button-box-shadow="drop-shadow(0px 0.724px 1.251px rgba(14, 18, 28, 0.02)) drop-shadow(0px 1.608px 2.909px rgba(14, 18, 28, 0.04)) drop-shadow(0px 2.793px 5.225px rgba(14, 18, 28, 0.06)) drop-shadow(0px 4.55px 8.671px rgba(14, 18, 28, 0.07)) drop-shadow(0px 7.485px 14.285px rgba(14, 18, 28, 0.08)) drop-shadow(0px 13.358px 24.966px rgba(14, 18, 28, 0.09)) drop-shadow(0px 33px 54px rgba(14, 18, 28, 0.07))"
         ></script>
 
         {/* OneTrust Cookies Consent Notice start for prisma.io  */}