From 4d3e4ca793ed02c958be7345239f454e8cc788c6 Mon Sep 17 00:00:00 2001
From: Avinash Dwarapu <dwaraa@amazon.com>
Date: Fri, 5 Sep 2025 17:52:16 +0200
Subject: [PATCH] fix: Allow interactive elements to be placed inside key of a
 key-value pair

---
 src/key-value-pairs/internal.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/key-value-pairs/internal.tsx b/src/key-value-pairs/internal.tsx
index efe5e276b8..318a8ff02b 100644
--- a/src/key-value-pairs/internal.tsx
+++ b/src/key-value-pairs/internal.tsx
@@ -19,9 +19,9 @@ const InternalKeyValuePair = ({ label, info, value, id }: KeyValuePairsProps.Pai
   return (
     <>
       <dt className={styles.term}>
-        <label className={styles['key-label']} id={id || kvPairId}>
+        <div className={styles['key-label']} id={id || kvPairId}>
           {label}
-        </label>
+        </div>
         <InfoLinkLabelContext.Provider value={id || kvPairId}>
           {info && <span className={styles.info}>{info}</span>}
         </InfoLinkLabelContext.Provider>