diff --git a/docs/docs_skeleton/package-lock.json b/docs/docs_skeleton/package-lock.json
index db966d261..fbb71b253 100644
--- a/docs/docs_skeleton/package-lock.json
+++ b/docs/docs_skeleton/package-lock.json
@@ -12,7 +12,7 @@
         "@docusaurus/preset-classic": "2.4.0",
         "@docusaurus/remark-plugin-npm2yarn": "^2.4.0",
         "@mdx-js/react": "^1.6.22",
-        "@mendable/search": "^0.0.150",
+        "@mendable/search": "^0.0.160",
         "clsx": "^1.2.1",
         "json-loader": "^0.5.7",
         "process": "^0.11.10",
@@ -3212,9 +3212,9 @@
       }
     },
     "node_modules/@mendable/search": {
-      "version": "0.0.150",
-      "resolved": "https://registry.npmjs.org/@mendable/search/-/search-0.0.150.tgz",
-      "integrity": "sha512-Eb5SeAWlMxzEim/8eJ/Ysn01Pyh39xlPBzRBw/5OyOBhti0HVLXk4wd1Fq2TKgJC2ppQIvhEKO98PUcj9dNDFw==",
+      "version": "0.0.160",
+      "resolved": "https://registry.npmjs.org/@mendable/search/-/search-0.0.160.tgz",
+      "integrity": "sha512-Lq9Cy176iVeUlSS9PALyc0KPgMWv9MELgsDKXKLhyoPS85yQXs0uEpC2Zgf9i+R4jar5PibKZPh2Hj2xIm/Ajg==",
       "dependencies": {
         "html-react-parser": "^4.2.0",
         "posthog-js": "^1.45.1"
diff --git a/docs/docs_skeleton/package.json b/docs/docs_skeleton/package.json
index 8256b3a33..e30ec9433 100644
--- a/docs/docs_skeleton/package.json
+++ b/docs/docs_skeleton/package.json
@@ -23,7 +23,7 @@
     "@docusaurus/preset-classic": "2.4.0",
     "@docusaurus/remark-plugin-npm2yarn": "^2.4.0",
     "@mdx-js/react": "^1.6.22",
-    "@mendable/search": "^0.0.150",
+    "@mendable/search": "^0.0.160",
     "clsx": "^1.2.1",
     "json-loader": "^0.5.7",
     "process": "^0.11.10",
diff --git a/docs/docs_skeleton/src/theme/SearchBar.js b/docs/docs_skeleton/src/theme/SearchBar.js
index d80f3faf1..b5b15fe66 100644
--- a/docs/docs_skeleton/src/theme/SearchBar.js
+++ b/docs/docs_skeleton/src/theme/SearchBar.js
@@ -19,9 +19,14 @@ export default function SearchBarWrapper() {
       <MendableSearchBar
         anon_key={customFields.mendableAnonKey}
         style={{ accentColor: "#4F956C", darkMode: false }}
-        placeholder="Search..."
+        placeholder="Search"
         dialogPlaceholder="How do I use a LLM Chain?"
         messageSettings={{ openSourcesInNewTab: false, prettySources: true }}
+        searchBarStyle={{
+          borderColor: "#9d9ea1",
+          color:"#9d9ea1"
+        }}
+        askAIText="Ask Mendable AI"
         isPinnable
         showSimpleSearch
       />