From 162c6a69bf56945daa20d126aa034c59ee0c8a2e Mon Sep 17 00:00:00 2001
From: Divyansh Singh <40380293+brc-dd@users.noreply.github.com>
Date: Mon, 28 Jul 2025 08:48:27 +0530
Subject: [PATCH] fix(search): input placeholder being cut off in smaller
 viewports

---
 .../theme-default/components/VPNavBarSearchButton.vue      | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/client/theme-default/components/VPNavBarSearchButton.vue b/src/client/theme-default/components/VPNavBarSearchButton.vue
index d4228c86..ade5b81d 100644
--- a/src/client/theme-default/components/VPNavBarSearchButton.vue
+++ b/src/client/theme-default/components/VPNavBarSearchButton.vue
@@ -33,6 +33,8 @@ const translate = createSearchTranslate(defaultTranslations)
 
 <style>
 [class*='DocSearch'] {
+  --docsearch-actions-height: auto;
+  --docsearch-actions-width: auto;
   --docsearch-background-color: var(--vp-c-bg-soft);
   --docsearch-container-background: var(--vp-backdrop-bg-color);
   --docsearch-focus-color: var(--vp-c-brand-1);
@@ -77,6 +79,11 @@ const translate = createSearchTranslate(defaultTranslations)
   fill: currentColor;
 }
 
+.DocSearch-Title {
+  font-size: revert;
+  line-height: revert;
+}
+
 .DocSearch-Button {
   --docsearch-muted-color: var(--docsearch-text-color);
   --docsearch-searchbox-background: transparent;