From c4a02ee7507296b86dd3df618cab03f7dd13d61e Mon Sep 17 00:00:00 2001
From: Christian Andolf <christian.andolf@scandichotels.com>
Date: Thu, 8 May 2025 16:33:50 +0200
Subject: [PATCH] fix: use proper label component from rac for consistency

---
 .../design-system/lib/components/Select/SelectFilter.tsx     | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/design-system/lib/components/Select/SelectFilter.tsx b/packages/design-system/lib/components/Select/SelectFilter.tsx
index fbd13b96a..d6caeda7f 100644
--- a/packages/design-system/lib/components/Select/SelectFilter.tsx
+++ b/packages/design-system/lib/components/Select/SelectFilter.tsx
@@ -5,6 +5,7 @@ import {
   Key,
   ListBox,
   Popover,
+  Label,
 } from 'react-aria-components'
 import { useState } from 'react'
 
@@ -55,7 +56,7 @@ export function SelectFilter({
       defaultSelectedKey={defaultSelectedKey}
       {...props}
     >
-      <label className={styles.inner}>
+      <Label className={styles.inner}>
         {icon ? (
           <MaterialIcon
             icon={icon}
@@ -86,7 +87,7 @@ export function SelectFilter({
             className={styles.chevron}
           />
         </Button>
-      </label>
+      </Label>
 
       <Popover
         className={styles.popover}