From d7a79378862dbcc25cc2e6f6a145ce08c746b6ad Mon Sep 17 00:00:00 2001
From: Hayden Hung Hoang <hayden.hhoang@gmail.com>
Date: Wed, 7 Oct 2026 20:54:45 +0700
Subject: [PATCH] fix(docsearch-css): prevent the "Clear" button from
 overlapping with input

- Also removed unnecessary --docsearch-actions-width and --docsearch-actions-height css variables which have no effect,
---
 packages/docsearch-css/src/_variables.css | 2 --
 packages/docsearch-css/src/modal.css      | 2 --
 2 files changed, 4 deletions(-)

diff --git a/packages/docsearch-css/src/_variables.css b/packages/docsearch-css/src/_variables.css
index e8366e97..3da11bbf 100644
--- a/packages/docsearch-css/src/_variables.css
+++ b/packages/docsearch-css/src/_variables.css
@@ -60,8 +60,6 @@
   --docsearch-searchbox-initial-height: 56px;
   --docsearch-searchbox-background: var(--typesense-surface-dim);
   --docsearch-searchbox-focus-background: var(--typesense-surface);
-  --docsearch-actions-width: 22px;
-  --docsearch-actions-height: 22px;
 
   /* hit */
   --docsearch-hit-height: 56px;
diff --git a/packages/docsearch-css/src/modal.css b/packages/docsearch-css/src/modal.css
index 9b181018..e9c8811c 100644
--- a/packages/docsearch-css/src/modal.css
+++ b/packages/docsearch-css/src/modal.css
@@ -508,8 +508,6 @@
 }
 
 .DocSearch-Actions {
-  width: var(--docsearch-actions-width);
-  height: var(--docsearch-actions-height);
   display: flex;
   align-items: center;
   justify-content: flex-end;