From bf465f3d72300df2b02aa3a958b2960a1dfcb967 Mon Sep 17 00:00:00 2001
From: Paul Jankowski <8BitTitan@gmail.com>
Date: Mon, 10 Nov 2025 15:24:53 -0500
Subject: [PATCH] fix(suggested-questions): Fixes Suggested Questions on dark
 theme

---
 examples/demo-react/src/examples/basic-askai.tsx | 1 +
 packages/docsearch-css/src/modal.css             | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/examples/demo-react/src/examples/basic-askai.tsx b/examples/demo-react/src/examples/basic-askai.tsx
index 44ac8a676..26178a34d 100644
--- a/examples/demo-react/src/examples/basic-askai.tsx
+++ b/examples/demo-react/src/examples/basic-askai.tsx
@@ -13,6 +13,7 @@ export default function BasicAskAI(): JSX.Element {
         searchParameters: {
           facetFilters: ['language:en'],
         },
+        suggestedQuestions: true,
       }}
       insights={true}
       translations={{ button: { buttonText: 'Search with Ask AI' } }}
diff --git a/packages/docsearch-css/src/modal.css b/packages/docsearch-css/src/modal.css
index b6abf07fa..3e3467b15 100644
--- a/packages/docsearch-css/src/modal.css
+++ b/packages/docsearch-css/src/modal.css
@@ -1419,12 +1419,12 @@ assistive tech users */
 .DocSearch-NewConversationScreen-SuggestedQuestion {
   border-radius: var(--docsearch-border-radius);
   padding: 12px;
-  border: 1px solid #D6D6E7;
+  border: 1px solid var(--docsearch-subtle-color);
   height: 40px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  background-color: #fff;
+  background-color: var(--docsearch-searchbox-background);
   color: var(--docsearch-text-color);
   cursor: pointer;
 }