diff --git a/src/routes/[[slug]]/docs/TextInput.svelte b/src/routes/[[slug]]/docs/TextInput.svelte
index 010f30b6..211329f3 100644
--- a/src/routes/[[slug]]/docs/TextInput.svelte
+++ b/src/routes/[[slug]]/docs/TextInput.svelte
@@ -33,18 +33,18 @@
 <h3 id="sizes">Sizes</h3>
 
 <CodeBlock code={`
+    <TextInput placeholder="X-Small" size="x-small" />
     <TextInput placeholder="Small" size="small" />
     <TextInput placeholder="Medium (default)" />
     <TextInput placeholder="Large" size="large" />
-    <TextInput placeholder="X-Small" size="x-small" />
 `} />
 
 <CodeResult>
     <div class="sizes">
+        <TextInput placeholder="X-Small" size="x-small" />
         <TextInput placeholder="Small" size="small" />
         <TextInput placeholder="Medium (default)" />
         <TextInput placeholder="Large" size="large" />
-        <TextInput placeholder="X-Small" size="x-small" />
     </div>
 </CodeResult>