From edd39ad0db1aa4856466c4575a752f2814eacd7a Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Wed, 15 Jan 2025 02:59:55 +0200
Subject: [PATCH] style(next): fix the quick search box

---
 src/public/stylesheets/theme-next/shell.css | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/public/stylesheets/theme-next/shell.css b/src/public/stylesheets/theme-next/shell.css
index 10207d3a8..8194a869b 100644
--- a/src/public/stylesheets/theme-next/shell.css
+++ b/src/public/stylesheets/theme-next/shell.css
@@ -260,6 +260,12 @@ div.quick-search {
     padding: var(--padding-top) var(--padding-right) var(--padding-bottom) var(--padding-left);
 }
 
+div.quick-search, div.quick-search:hover, div.quick-search:focus-within {
+    /* Prevent changes to background and outline when the state of the input group changes */
+    background: transparent;
+    outline: none;
+}
+
 div.quick-search::before {
     /* The background rectangle of the search box */
     position: absolute;