diff --git a/tailbone/static/css/newgrids.css b/tailbone/static/css/newgrids.css
index 7b692566..22c971a9 100644
--- a/tailbone/static/css/newgrids.css
+++ b/tailbone/static/css/newgrids.css
@@ -117,6 +117,10 @@
     margin-top: 0.3em;
 }
 
+.newgrid.no-border {
+    margin-top: 0;
+}
+
 .newgrid table {
     background-color: white;
     border: 1px solid black;
@@ -134,6 +138,11 @@
     width: 50%;
 }
 
+.newgrid.no-border table {
+    border-left: none;
+    border-top: none;
+}
+
 
 /******************************
  * thead
diff --git a/tailbone/templates/products/view.mako b/tailbone/templates/products/view.mako
index 6758d7a7..a78acbcf 100644
--- a/tailbone/templates/products/view.mako
+++ b/tailbone/templates/products/view.mako
@@ -147,7 +147,7 @@
 
     <div class="panel-grid" id="product-costs">
       <h2>Vendor Sources</h2>
-      <div class="grid full hoverable no-border">
+      <div class="newgrid full no-border">
         <table>
           <thead>
             <th>Pref.</th>
@@ -158,8 +158,8 @@
             <th>Unit Cost</th>
           </thead>
           <tbody>
-            % for i, cost in enumerate(instance.costs, 1):
-                <tr class="${'odd' if i % 2 else 'even'}">
+            % for cost in instance.costs:
+                <tr>
                   <td class="center">${'X' if cost.preference == 1 else ''}</td>
                   <td>${cost.vendor}</td>
                   <td class="center">${cost.code}</td>