diff --git a/docs/src/pages/components/Avatar.vue b/docs/src/pages/components/Avatar.vue
index 3c5cd94..fd118f8 100644
--- a/docs/src/pages/components/Avatar.vue
+++ b/docs/src/pages/components/Avatar.vue
@@ -49,30 +49,6 @@
     <div slot="code">
       <demo-example label="Default">
         <code-block lang="xml">
-&lt;md-avatar class=&quot;md-large&quot;&gt;
-  &lt;img src=&quot;//placeimg.com/64/64/people/2&quot; alt=&quot;People&quot;&gt;
-&lt;/md-avatar&gt;
-
-&lt;md-avatar class=&quot;md-avatar-icon md-large&quot;&gt;
-  &lt;md-icon&gt;home&lt;/md-icon&gt;
-&lt;/md-avatar&gt;
-
-&lt;md-avatar class=&quot;md-avatar-icon md-large md-primary&quot;&gt;
-  &lt;md-icon&gt;folder&lt;/md-icon&gt;
-&lt;/md-avatar&gt;
-
-&lt;md-avatar class=&quot;md-avatar-icon md-large md-accent&quot;&gt;
-  &lt;md-icon&gt;favorite&lt;/md-icon&gt;
-&lt;/md-avatar&gt;
-
-&lt;md-avatar class=&quot;md-avatar-icon md-large md-warn&quot;&gt;
-  &lt;md-icon&gt;notes&lt;/md-icon&gt;
-&lt;/md-avatar&gt;
-        </code-block>
-      </demo-example>
-
-      <demo-example label="Large">
-        <code-block lang="xml">
 &lt;md-avatar&gt;
   &lt;img src=&quot;//placeimg.com/40/40/people/1&quot; alt=&quot;People&quot;&gt;
 &lt;/md-avatar&gt;
@@ -91,6 +67,30 @@
 
 &lt;md-avatar class=&quot;md-avatar-icon md-warn&quot;&gt;
   &lt;md-icon&gt;notes&lt;/md-icon&gt;
+&lt;/md-avatar&gt;
+        </code-block>
+      </demo-example>
+
+      <demo-example label="Large">
+        <code-block lang="xml">
+&lt;md-avatar class=&quot;md-large&quot;&gt;
+  &lt;img src=&quot;//placeimg.com/64/64/people/2&quot; alt=&quot;People&quot;&gt;
+&lt;/md-avatar&gt;
+
+&lt;md-avatar class=&quot;md-avatar-icon md-large&quot;&gt;
+  &lt;md-icon&gt;home&lt;/md-icon&gt;
+&lt;/md-avatar&gt;
+
+&lt;md-avatar class=&quot;md-avatar-icon md-large md-primary&quot;&gt;
+  &lt;md-icon&gt;folder&lt;/md-icon&gt;
+&lt;/md-avatar&gt;
+
+&lt;md-avatar class=&quot;md-avatar-icon md-large md-accent&quot;&gt;
+  &lt;md-icon&gt;favorite&lt;/md-icon&gt;
+&lt;/md-avatar&gt;
+
+&lt;md-avatar class=&quot;md-avatar-icon md-large md-warn&quot;&gt;
+  &lt;md-icon&gt;notes&lt;/md-icon&gt;
 &lt;/md-avatar&gt;
         </code-block>
       </demo-example>