From 50cf9718a3cbb9ab3813853b3a004cfa88171fb7 Mon Sep 17 00:00:00 2001
From: Athou <jeremiepanzer@gmail.com>
Date: Mon, 1 Jan 2024 10:43:54 +0100
Subject: [PATCH] fix wrong clear button style

---
 commafeed-client/src/components/header/Header.tsx | 9 ++-------
 1 file changed, 2 insertions(+), 7 deletions(-)

diff --git a/commafeed-client/src/components/header/Header.tsx b/commafeed-client/src/components/header/Header.tsx
index 8ff768c0..135461cc 100644
--- a/commafeed-client/src/components/header/Header.tsx
+++ b/commafeed-client/src/components/header/Header.tsx
@@ -1,5 +1,5 @@
 import { t, Trans } from "@lingui/macro"
-import { ActionIcon, Box, Center, Divider, Group, Indicator, Popover, TextInput } from "@mantine/core"
+import { Box, Center, CloseButton, Divider, Group, Indicator, Popover, TextInput } from "@mantine/core"
 import { useForm } from "@mantine/form"
 import { reloadEntries, search, selectNextEntry, selectPreviousEntry } from "app/entries/thunks"
 import { useAppDispatch, useAppSelector } from "app/store"
@@ -22,7 +22,6 @@ import {
     TbSortAscending,
     TbSortDescending,
     TbUser,
-    TbX,
 } from "react-icons/tb"
 import { MarkAllAsReadButton } from "./MarkAllAsReadButton"
 import { ProfileMenu } from "./ProfileMenu"
@@ -137,11 +136,7 @@ export function Header() {
                                 placeholder={t`Search`}
                                 {...searchForm.getInputProps("search")}
                                 leftSection={<TbSearch size={iconSize} />}
-                                rightSection={
-                                    <ActionIcon onClick={async () => await (searchFromStore && dispatch(search("")))}>
-                                        <TbX />
-                                    </ActionIcon>
-                                }
+                                rightSection={<CloseButton onClick={async () => await (searchFromStore && dispatch(search("")))} />}
                                 autoFocus
                             />
                         </form>