From de350ed3766e227df86d4fbba4af77ec19852ec7 Mon Sep 17 00:00:00 2001
From: "mintlify[bot]" <109931778+mintlify[bot]@users.noreply.github.com>
Date: Mon, 17 Aug 2026 20:15:52 +0000
Subject: [PATCH] docs: mention copy button and fade overlay CSS hooks on
 Format code page

---
 create/code.mdx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/create/code.mdx b/create/code.mdx
index d11affec8d..adc5202f18 100644
--- a/create/code.mdx
+++ b/create/code.mdx
@@ -20,6 +20,8 @@ To denote a `word` or `phrase` as code, enclose it in backticks (`).
 
 Use [fenced code blocks](https://www.markdownguide.org/extended-syntax/#fenced-code-blocks) by enclosing code in three backticks. Code blocks are copyable, and if you have the assistant enabled, users can ask the assistant to explain the code.
 
+To style or hide the copy button, target the `code-block-copy-button` [element selector](/customize/custom-scripts#element-selectors) in custom CSS. For example, hide the copy button with `.code-block-copy-button { display: none; }`.
+
 Specify the programming language for syntax highlighting and to enable meta options. Add any meta options, like a title or icon, after the language.
 
 <CodeGroup>
@@ -309,7 +311,7 @@ sayHello();
 
 ### Expandable
 
-Allow users to expand and collapse long code blocks using `expandable`.
+Allow users to expand and collapse long code blocks using `expandable`. While collapsed, a fade overlay appears at the bottom of the code block. Style it by targeting the `code-block-fade-overlay` [element selector](/customize/custom-scripts#element-selectors) in custom CSS.
 
 <CodeGroup>