diff --git a/docs/ui/mdx.tsx b/docs/ui/mdx.tsx
index 4619bdf90f..4b8bc7fcb6 100644
--- a/docs/ui/mdx.tsx
+++ b/docs/ui/mdx.tsx
@@ -95,10 +95,10 @@ const typography = {
             lines > 1 ? 'top-4' : 'top-1/2 -translate-y-1/2'
           )}
         >
-          <CopyButton codeString={raw} />
           {lines >= 5 ? (
             <FullsizeView code={props.children} codeString={raw} />
           ) : null}
+          <CopyButton codeString={raw} />
         </div>
         <pre
           className={cn(