remove form focus rings

Author: outofambit

src/components/ReferenceDirectoryWithFilter/index.tsx

@@ -167,7 +167,7 @@ export const ReferenceDirectoryWithFilter = ({
               type="text"
               id="search"
               ref={inputRef}
-              class="w-full  bg-transparent py-xs text-accent-type-color placeholder:text-accent-type-color"
+              class="w-full bg-transparent py-xs text-accent-type-color placeholder:text-accent-type-color focus:outline-0"
               placeholder="Filter by keyword"
               onKeyUp={(e: JSX.TargetedKeyboardEvent<HTMLInputElement>) => {
                 const target = e.target as HTMLInputElement;

src/components/SearchForm/index.astro

@@ -20,7 +20,7 @@ const t = await getUiTranslator(currentLocale);
     type="search"
     placeholder={t("Search") as string}
     name="term"
-    class="placeholder-accent-type-color bg-transparent pl-[40px] py-[6px] md:py-[4px] lg:py-[8px] w-full rounded-[20px] peer"
+    class="placeholder-accent-type-color bg-transparent pl-[40px] py-[6px] md:py-[4px] lg:py-[8px] w-full rounded-[20px] focus:outline-0 peer"
     aria-label="Search through site content"
     required
   />

src/components/SearchResults/index.tsx

@@ -116,7 +116,7 @@ const SearchResults = ({
               onSearchChange(e);
             }
           }}
-          class="h-fit w-full appearance-none bg-transparent px-md text-4xl placeholder-sidebar-type-color"
+          class="h-fit w-full appearance-none bg-transparent px-md text-4xl placeholder-sidebar-type-color focus:outline-0"
           aria-label="Search through site content"
           required
         />