From 45abd058de64ea0d7a81f6874095a5b6ccc3578f Mon Sep 17 00:00:00 2001
From: Juan Andrade <juan@khanacademy.org>
Date: Fri, 18 Oct 2024 11:58:29 -0400
Subject: [PATCH] Switch to div, remove button wording

---
 .../wonder-blocks-dropdown/src/components/select-opener.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/wonder-blocks-dropdown/src/components/select-opener.tsx b/packages/wonder-blocks-dropdown/src/components/select-opener.tsx
index 8e00e2e75..3a7212a99 100644
--- a/packages/wonder-blocks-dropdown/src/components/select-opener.tsx
+++ b/packages/wonder-blocks-dropdown/src/components/select-opener.tsx
@@ -12,7 +12,7 @@ import caretDownIcon from "@phosphor-icons/core/bold/caret-down-bold.svg";
 import {DROPDOWN_ITEM_HEIGHT} from "../util/constants";
 import {OptionLabel} from "../util/types";
 
-const StyledButton = addStyle("span");
+const StyledDiv = addStyle("div");
 
 type SelectOpenerProps = AriaProps & {
     /**
@@ -161,7 +161,7 @@ export default class SelectOpener extends React.Component<
         ];
 
         return (
-            <StyledButton
+            <StyledDiv
                 {...sharedProps}
                 aria-disabled={disabled}
                 aria-expanded={open ? "true" : "false"}
@@ -188,7 +188,7 @@ export default class SelectOpener extends React.Component<
                     style={styles.caret}
                     aria-hidden="true"
                 />
-            </StyledButton>
+            </StyledDiv>
         );
     }
 }