From d903c7f905eae617123356fdfdf09c3075e9cae1 Mon Sep 17 00:00:00 2001
From: Mohamed Bassem <me@mbassem.com>
Date: Sun, 25 May 2025 12:31:51 +0000
Subject: fix: Fix end icon in smart list input overlapping with text. Fixes
 #1379

---
 apps/web/components/dashboard/lists/EditListModal.tsx | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

(limited to 'apps/web/components/dashboard/lists/EditListModal.tsx')

diff --git a/apps/web/components/dashboard/lists/EditListModal.tsx b/apps/web/components/dashboard/lists/EditListModal.tsx
index 68d32b0a..7a750c33 100644
--- a/apps/web/components/dashboard/lists/EditListModal.tsx
+++ b/apps/web/components/dashboard/lists/EditListModal.tsx
@@ -358,14 +358,16 @@ export function EditListModal({
                             value={field.value}
                             onChange={field.onChange}
                             placeholder={t("lists.search_query")}
+                            endIcon={
+                              parsedSearchQuery ? (
+                                <QueryExplainerTooltip
+                                  className="stroke-foreground p-1"
+                                  parsedSearchQuery={parsedSearchQuery}
+                                />
+                              ) : undefined
+                            }
                           />
                         </FormControl>
-                        {parsedSearchQuery && (
-                          <QueryExplainerTooltip
-                            className="translate-1/2 absolute right-1.5 top-2 stroke-foreground p-0.5"
-                            parsedSearchQuery={parsedSearchQuery}
-                          />
-                        )}
                       </div>
                       <FormDescription>
                         <Link
-- 
cgit v1.2.3-70-g09d2

