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}