diff --git a/CLAUDE.md b/CLAUDE.md
index a7ae023..e583f6c 100644
--- a/CLAUDE.md
+++ b/CLAUDE.md
@@ -13,7 +13,7 @@ Grid is an API for global payments across fiat, stablecoins, and Bitcoin.
 - Use snippets from `mintlify/snippets/` instead of duplicating content across use cases
 - Follow writing standards in `mintlify/CLAUDE.md` for all documentation content
 - MDX files require frontmatter with `title` and `description`
-- Do not use `React.useEffect` in MDX — it breaks Mintlify's acorn parser. `React.useState` is fine.
+- React hooks (`useState`, `useEffect`, etc.) work in MDX. If the acorn parser throws, it's usually a JS expression issue (e.g., template literals in JSX curlies), not the hook itself.
 
 ## Commands
 
diff --git a/mintlify/style.css b/mintlify/style.css
index 0c57e3b..3dd6aba 100644
--- a/mintlify/style.css
+++ b/mintlify/style.css
@@ -2564,6 +2564,55 @@ html.dark [data-component-part="tab-button"][data-active="true"] {
   border-color: var(--ls-gray-100) !important;
 }
 
+/* --- API Reference: Wrap overflowing tab lists with pill-style buttons --- */
+
+#api-playground-2-operation-page [data-component-part="tabs-list"] {
+  flex-wrap: wrap !important;
+  overflow-x: visible !important;
+  gap: 6px !important;
+  border-bottom: none !important;
+  padding: 16px 0 0 0 !important;
+}
+
+#api-playground-2-operation-page [data-component-part="tab-button"] {
+  border: 0.5px solid transparent !important;
+  border-radius: 6px !important;
+  padding: 4px 14px !important;
+  margin-bottom: 0 !important;
+  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease !important;
+}
+
+#api-playground-2-operation-page [data-component-part="tab-button"][data-active="false"] {
+  border-color: transparent !important;
+  background: var(--ls-black-02) !important;
+}
+
+html.dark #api-playground-2-operation-page [data-component-part="tab-button"][data-active="false"] {
+  background: var(--ls-white-02) !important;
+}
+
+#api-playground-2-operation-page [data-component-part="tab-button"][data-active="false"]:hover {
+  border-color: transparent !important;
+  background: rgba(0, 0, 0, 0.05) !important;
+}
+
+html.dark #api-playground-2-operation-page [data-component-part="tab-button"][data-active="false"]:hover {
+  border-color: transparent !important;
+  background: rgba(255, 255, 255, 0.08) !important;
+}
+
+#api-playground-2-operation-page [data-component-part="tab-button"][data-active="true"] {
+  border: 0.5px solid rgba(0, 0, 0, 0.1) !important;
+  background: var(--ls-white) !important;
+  color: var(--ls-gray-950) !important;
+}
+
+html.dark #api-playground-2-operation-page [data-component-part="tab-button"][data-active="true"] {
+  border: 0.5px solid rgba(255, 255, 255, 0.1) !important;
+  background: var(--ls-white-10) !important;
+  color: var(--ls-white) !important;
+}
+
 /* ===========================================
    Tables
    =========================================== */