app/views/mountain_view/styleguide/show.html.erb in mountain_view-0.3.3 vs app/views/mountain_view/styleguide/show.html.erb in mountain_view-0.4.0

@@ -3,17 +3,19 @@
 </div>
 
 <% styleguide_stubs(@component).each_with_index do |component_properties, index| %>
   <div class="mv-component">
     <div class="mv-component__item">
-      <%= ui_component @component, component_properties %>
+      <%= render_component @component, component_properties %>
     </div>
     <div class="mv-component__description">
       <h2><%= @component.capitalize %> <%= index + 1 %></h2>
       <div class="mv-component__description__definition">
-        <code class="language-ruby">&lt;%= ui_component("<%= @component %>", {properties as below}) %&gt;</code>
+        <code class="language-ruby">&lt;%= render_component("<%= @component %>", {properties as below}) %&gt;</code>
       </div>
-      <%- formatted = JSON.pretty_generate component_properties  %>
-      <pre class="mv-component__description__properties language-ruby"><code><%= formatted.gsub(/\"(\S+)?\":/, '\1:') %></code></pre>
+      <%- formatted = JSON.pretty_generate component_properties %>
+      <div class="mv-component__description__properties">
+        <code class="language-ruby"><%= formatted.gsub(/\"(\S+)?\":/, '\1:') %></code>
+      </div>
     </div>
   </div>
 <% end %>