From 297f9cedb49661f17d33fec509b260c66f58c5e0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Matilda=20Landstr=C3=B6m?=
 <matilda.landstrom@scandichotels.com>
Date: Thu, 24 Apr 2025 14:37:46 +0000
Subject: [PATCH] Merged in feat/SW-2467-clear-search (pull request #1857)

fix(SW-2467): Change "clear" to x in Search

* fix(SW-2467): Change clear to x

* fix(SW-2467): add aria-label


Approved-by: Erik Tiekstra
---
 .../Forms/BookingWidget/FormContent/Search/index.tsx           | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/apps/scandic-web/components/Forms/BookingWidget/FormContent/Search/index.tsx b/apps/scandic-web/components/Forms/BookingWidget/FormContent/Search/index.tsx
index e2395a06a..f4c0b7cfa 100644
--- a/apps/scandic-web/components/Forms/BookingWidget/FormContent/Search/index.tsx
+++ b/apps/scandic-web/components/Forms/BookingWidget/FormContent/Search/index.tsx
@@ -157,12 +157,13 @@ export function Search({
                   <Button
                     variant="Text"
                     size="Small"
+                    aria-label={intl.formatMessage({ defaultMessage: "Clear" })}
                     onPress={() => {
                       setValue(SEARCH_TERM_NAME, "")
                     }}
                     className={clearButtonClassName}
                   >
-                    {intl.formatMessage({ defaultMessage: "Clear" })}
+                    <MaterialIcon icon="close" />
                   </Button>
                 </Typography>
                 <Button