From c5f7a1a11f5db897c1caa8d5035c8612d2295850 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=9CBogdanDanilescu=E2=80=9D?=
 <bogdan.danilescu@nearform.com>
Date: Thu, 10 Oct 2024 12:59:30 +0300
Subject: [PATCH] match the id of the select with the for attr

---
 packages/html/ds/src/select/select.html | 2 +-
 packages/react/ds/src/select/select.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/html/ds/src/select/select.html b/packages/html/ds/src/select/select.html
index dc5c4f2d8..1c9640713 100644
--- a/packages/html/ds/src/select/select.html
+++ b/packages/html/ds/src/select/select.html
@@ -41,7 +41,7 @@
       }}
     {% endif %}
     <select
-      id="{{ ariaLabel }}"
+      id="{{ props.id }}"
       aria-label="{{ ariaLabel }}"
       class="focus:gi-outline focus:gi-outline-[3px] focus:gi-outline-yellow-400 focus:gi-outline-offset-0 gi-p-1.5 gi-border-black gi-border-[3px] gi-border-solid gi-min-w-56 gi-font-primary xs:gi-text-sm md:gi-text-md lg:gi-text-lg {{ marginTop }}"
     >
diff --git a/packages/react/ds/src/select/select.tsx b/packages/react/ds/src/select/select.tsx
index 502109a3d..1b5803396 100644
--- a/packages/react/ds/src/select/select.tsx
+++ b/packages/react/ds/src/select/select.tsx
@@ -51,7 +51,7 @@ export function Select({ id, label, options, hint, error }: SelectProps) {
           xs:gi-text-sm
           md:gi-text-md
           lg:gi-text-lg"
-        id={ariaLabel}
+        id={id}
         aria-label={ariaLabel}
       >
         {options.map((option) => {