From 2093a7acc14d3aaf77412619c0423bb23e01be5e Mon Sep 17 00:00:00 2001
From: dominikiwanekhyland
 <141320833+dominikiwanekhyland@users.noreply.github.com>
Date: Mon, 10 Feb 2025 10:06:29 +0100
Subject: [PATCH] [ACS-9229] a11y testing: Search Page / Elements must only use
 supported ARIA attributes (#4383)

---
 .../search/search-input/search-input.component.html           | 4 ++--
 .../search/search-input/search-input.component.scss           | 3 +++
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/projects/aca-content/src/lib/components/search/search-input/search-input.component.html b/projects/aca-content/src/lib/components/search/search-input/search-input.component.html
index 57091d73a..e5a2ef805 100644
--- a/projects/aca-content/src/lib/components/search/search-input/search-input.component.html
+++ b/projects/aca-content/src/lib/components/search/search-input/search-input.component.html
@@ -1,4 +1,4 @@
-<div class="app-search-container"
+<button class="app-search-container"
   [matMenuTriggerFor]="searchOptionsMenu"
   (menuOpened)="onMenuOpened()"
   (menuClosed)="syncInputValues()"
@@ -25,7 +25,7 @@
       </button>
     </div>
   </mat-form-field>
-</div>
+</button>
 
 <mat-menu #searchOptionsMenu="matMenu" [overlapTrigger]="true" class="app-search-options-menu">
   <div (keydown.tab)="$event.stopPropagation()" (keydown.shift.tab)="$event.stopPropagation()" tabindex=0>
diff --git a/projects/aca-content/src/lib/components/search/search-input/search-input.component.scss b/projects/aca-content/src/lib/components/search/search-input/search-input.component.scss
index 99db0c08e..40bf8f088 100644
--- a/projects/aca-content/src/lib/components/search/search-input/search-input.component.scss
+++ b/projects/aca-content/src/lib/components/search/search-input/search-input.component.scss
@@ -8,6 +8,9 @@ $search-border-radius: 4px;
   width: 100%;
   max-width: $search-width;
   height: $search-height;
+  border: none;
+  background: none;
+  padding: 0;
 
   &:focus-within {
     label {