From bf04df7484bc5594491aec5db1d3181e792c4c08 Mon Sep 17 00:00:00 2001
From: LyAhn <admin@jezz.wtf>
Date: Thu, 2 Jul 2026 20:47:22 +0100
Subject: [PATCH] fix(toolbar): center search field overlay buttons

The clear button and command-prefix chip sat a few pixels high: their
inline-flex Tooltip wrappers created a line box with descender space
below, making the positioned div taller than the button it centers.
Making the wrappers flex containers collapses them to the button height
so the translate centering lands correctly.
---
 src/components/Toolbar.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Toolbar.tsx b/src/components/Toolbar.tsx
index 2616814..42dd5aa 100644
--- a/src/components/Toolbar.tsx
+++ b/src/components/Toolbar.tsx
@@ -326,7 +326,7 @@ export function Toolbar() {
                 className={`w-40 bg-transparent py-1.5 pr-9 text-sm text-white placeholder:text-gray-600 focus:outline-none transition-colors lg:w-52 xl:w-64 ${searchCommand !== null ? "pl-16" : "pl-8"}`}
               />
               {searchCommand !== null ? (
-                <div className="absolute left-8 top-1/2 -translate-y-1/2">
+                <div className="absolute left-8 top-1/2 flex -translate-y-1/2">
                   <Tooltip label="Remove search command" anchorToCursor>
                     <button
                       type="button"
@@ -339,7 +339,7 @@ export function Toolbar() {
                 </div>
               ) : null}
               {searchQuery.trim().length > 0 || searchCommand !== null ? (
-                <div className="absolute right-2 top-1/2 -translate-y-1/2">
+                <div className="absolute right-2 top-1/2 flex -translate-y-1/2">
                   <Tooltip label="Clear search" anchorToCursor>
                     <button
                       aria-label="Clear search"