From 5cd77400a60cc0d383cf5f331615f939bdb16e05 Mon Sep 17 00:00:00 2001
From: Nolann Biron <biron.nolann@gmail.com>
Date: Sat, 19 Apr 2025 10:41:40 +0200
Subject: [PATCH] Fix OpenAPI responses select placement and icon

---
 .changeset/curly-lions-peel.md                        | 5 +++++
 packages/react-openapi/src/OpenAPIDisclosureGroup.tsx | 1 +
 packages/react-openapi/src/OpenAPIResponses.tsx       | 2 +-
 3 files changed, 7 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/curly-lions-peel.md

diff --git a/.changeset/curly-lions-peel.md b/.changeset/curly-lions-peel.md
new file mode 100644
index 000000000..2bc66c593
--- /dev/null
+++ b/.changeset/curly-lions-peel.md
@@ -0,0 +1,5 @@
+---
+'@gitbook/react-openapi': patch
+---
+
+Fix OpenAPI responses select placement and icon
diff --git a/packages/react-openapi/src/OpenAPIDisclosureGroup.tsx b/packages/react-openapi/src/OpenAPIDisclosureGroup.tsx
index 6fe0dcd81..7f2a428d5 100644
--- a/packages/react-openapi/src/OpenAPIDisclosureGroup.tsx
+++ b/packages/react-openapi/src/OpenAPIDisclosureGroup.tsx
@@ -132,6 +132,7 @@ function DisclosureItem(props: {
                                     state.expand();
                                 }}
                                 items={group.tabs}
+                                placement="bottom end"
                             >
                                 {group.tabs.map((tab) => (
                                     <OpenAPISelectItem key={tab.key} id={tab.key} value={tab}>
diff --git a/packages/react-openapi/src/OpenAPIResponses.tsx b/packages/react-openapi/src/OpenAPIResponses.tsx
index 71bb45bcf..efee2b3ce 100644
--- a/packages/react-openapi/src/OpenAPIResponses.tsx
+++ b/packages/react-openapi/src/OpenAPIResponses.tsx
@@ -98,7 +98,7 @@ export function OpenAPIResponses(props: {
                     state.setKey(key);
                 }}
                 groups={groups}
-                selectIcon={context.icons.chevronRight}
+                selectIcon={context.icons.chevronDown}
                 selectStateKey={createStateKey('response-media-types', context.blockKey)}
             />
         </StaticSection>