From 158996802a5844bab9ca57b81b6936e361dcf4c1 Mon Sep 17 00:00:00 2001
From: MartinBraquet <martin.braquet@gmail.com>
Date: Thu, 30 Apr 2026 19:16:29 +0200
Subject: [PATCH] Adjust search input width and remove unused background class

---
 web/pages/compatibility.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/pages/compatibility.tsx b/web/pages/compatibility.tsx
index a194212f..b90f49c7 100644
--- a/web/pages/compatibility.tsx
+++ b/web/pages/compatibility.tsx
@@ -138,7 +138,7 @@ export default function CompatibilityPage() {
               ref={searchInputRef}
               value={searchTerm}
               placeholder={t('compatibility.search_placeholder', 'Search questions and answers...')}
-              className={'w-full max-w-xs'}
+              className={'w-[200px] xl:w-[400px]'}
               onChange={(e: React.ChangeEvent<HTMLInputElement>) => {
                 setSearchTerm(e.target.value)
               }}
@@ -284,7 +284,7 @@ function QuestionList({
         <div
           key={q.id}
           className={clsx(
-            'bg-canvas-50 border-canvas-100 rounded-lg border px-2 pt-2 shadow-sm transition-colors',
+            'border-canvas-100 rounded-lg border px-2 pt-2 shadow-sm transition-colors',
             isLoading && 'animate-pulse opacity-80',
           )}
         >