diff --git a/mdx-components.tsx b/mdx-components.tsx
index fde8fb6..2edfac1 100644
--- a/mdx-components.tsx
+++ b/mdx-components.tsx
@@ -37,11 +37,11 @@ export function useMDXComponents(components: MDXComponents): MDXComponents {
       </p>
     ),
     blockquote: ({ children }) => (
-      <blockquote className="my-6 border-l-4 border-accent/40 bg-surface/60 py-1 pl-5 pr-4 italic text-ink-soft">
+      <blockquote className="my-6 border-l-4 border-accent/60 bg-surface/60 py-1 pl-5 pr-4 text-ink-soft">
         {children}
       </blockquote>
     ),
-    hr: () => <hr className="my-8 border-border" />,
+    hr: () => <hr className="my-12 border-border" />,
     a: ({ href, children, ...props }) => {
       const isExternal = typeof href === 'string' && (href.startsWith('http://') || href.startsWith('https://'))
       return (
@@ -80,14 +80,14 @@ export function useMDXComponents(components: MDXComponents): MDXComponents {
       <img
         src={src}
         alt={alt ?? ''}
-        className="mx-auto my-8 h-auto max-h-[80vh] w-auto max-w-full rounded-2xl border border-border bg-surface object-contain shadow-card"
+        className="mx-auto my-8 h-auto max-h-[80vh] w-auto max-w-full rounded-lg border border-border bg-surface object-contain shadow-card"
         loading="lazy"
         decoding="async"
         {...rest}
       />
     ),
     table: ({ children }) => (
-      <div className="my-8 overflow-x-auto rounded-xl border border-border bg-canvas">
+      <div className="my-8 overflow-x-auto rounded-lg border border-border bg-canvas">
         <table className="w-full min-w-[40rem] border-collapse text-sm">
           {children}
         </table>
@@ -113,7 +113,7 @@ export function useMDXComponents(components: MDXComponents): MDXComponents {
     ),
 
     // Collapsible sections
-    details: (props) => <details className="my-6 rounded-xl border border-border bg-surface/70 p-4 shadow-card" {...props} />,
+    details: (props) => <details className="my-6 rounded-lg border border-border bg-surface/70 p-4 shadow-card" {...props} />,
     summary: (props) => <summary className="cursor-pointer font-semibold text-ink" {...props} />,
   }
 }