Fix stuff

Author: adamwathan

src/components/code-example.tsx

@@ -60,7 +60,7 @@ export function CodeExampleWrapper({ className, children }: { className?: string
     <div className="rounded-xl bg-gray-950 in-data-stack:mt-0 in-data-stack:rounded-none in-[figure]:-mx-1 in-[figure]:-mb-1 in-data-stack:[:first-child>&]:rounded-t-xl in-data-stack:[:first-child>&]:*:rounded-t-xl in-data-stack:[:last-child>&]:rounded-b-xl in-data-stack:[:last-child>&]:*:rounded-b-xl">
       <div
         className={clsx(
-          "p-1 text-sm scheme-dark dark:bg-white/5 dark:inset-ring dark:inset-ring-white/10 in-data-stack:dark:inset-ring-0",
+          "rounded-xl p-1 text-sm scheme-dark in-data-stack:rounded-none dark:bg-white/5 dark:inset-ring dark:inset-ring-white/10 in-data-stack:dark:inset-ring-0",
           className,
         )}
       >

src/docs/styling-with-utility-classes.mdx

@@ -928,8 +928,9 @@ When you add two classes that target the same CSS property, the class that appea
 In general, you should just never add two conflicting classes to the same element — only ever add the one you actually want to take effect:
 
 ```jsx
+// [!code filename:example.jsx]
 // [!code word:gridLayout\ \?\ \"grid\"\ \:\ \"flex\"]
-function Example({ gridLayout }) {
+export function Example({ gridLayout }) {
   return <div className={gridLayout ? "grid" : "flex"}>{/* ... */}</div>;
 }
 ```