diff --git a/public/main.css b/public/main.css
index bb79e66..ff80429 100644
--- a/public/main.css
+++ b/public/main.css
@@ -80,14 +80,6 @@ article {
   padding-top: 1em;
 }
 
-.miniSearchItem{
-  padding-bottom: 1em;
-  padding-top: 1em;
-}
-.miniItemImg{
-  width:100%;
-
-}
 .searchResultList {
   list-style: none;
   padding: 0;
diff --git a/views/partials/itemImgInfo.ejs b/views/partials/itemImgInfo.ejs
index 6a28ee2..063a2da 100644
--- a/views/partials/itemImgInfo.ejs
+++ b/views/partials/itemImgInfo.ejs
@@ -3,7 +3,7 @@
     <h2>How To</h2>
     <%- HOWTO %>
   </article>
-<%}%>
+<% } %>
 <% if (Troubleshooting) { %>
   <article class="well col-xs-12">
     <h2>Need Help</h2>
@@ -13,25 +13,11 @@
 <% if ( similarItems.length > 0 ) { %>
   <article class="well col-xs-12">
     <h2>Similar Items</h2>
-      <% for(var i = 0; i < similarItems.length; i++){ %>
-        <div class='miniSearchItem col-xs-4'>
-          <% if (!similarItems[i].picture) { %>
-            <% if (!similarItems[i].uuid) { %>
-              <img class="miniItemImg faded" src="noImg.png" />
-            <% }else{ %>
-              <a href="/<%- similarItems[i].uuid %>"> <img class="miniItemImg" src="noImg.png" /> </a>
-            <%}%>
-          <% } else{ %>
-            <% if (!similarItems[i].uuid) { %>
-              <img class="miniItemImg faded" src=" <%- similarItems[i].picture %> " />
-            <% }else{ %>
-              <a href="/<%- similarItems[i].uuid %>"> <img class="miniItemImg" src=" <%- similarItems[i].picture %> " /> </a>
-            <%} %>
-          <% } %>
-         </div>
-      <% } %>
+    <% similarItems.forEach(function(item) { %>
+      <%- include('./partials/itemCards', item); %>
+    <% }) %>
   </article>
-<%}%>
+<% } %>
 <article class="well col-xs-12">
   <h2>Details</h2>
   <%- details %>