diff --git a/docs/ui/mdx.tsx b/docs/ui/mdx.tsx
index 3719e08586..c4e594a52b 100644
--- a/docs/ui/mdx.tsx
+++ b/docs/ui/mdx.tsx
@@ -87,7 +87,7 @@ const typography = {
     const { children, className, raw, ...rest } = props;
     const lines = raw.replace(/\r\n|\r|\n$/, '').split(/\r\n|\r|\n/).length;
     return (
-      <figure className={cn('relative', className)} {...rest}>
+      <figure className={cn('relative mt-0', className)} {...rest}>
         <div
           className={cn(
             'absolute right-3 flex justify-end gap-3',