diff --git a/css/data-explorer.css b/css/data-explorer.css
index e2348e38..f2ef36d6 100644
--- a/css/data-explorer.css
+++ b/css/data-explorer.css
@@ -91,7 +91,9 @@
   *********************************************************/
 
 /* direct borrowing from twitter buttons */
-.data-table th {
+.data-table th,
+.transform-column-view .expression-preview-table-wrapper th
+{
   background-color: #e6e6e6;
   background-repeat: no-repeat;
   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
diff --git a/src/util.js b/src/util.js
index 2d20ce1e..45e4f2a3 100755
--- a/src/util.js
+++ b/src/util.js
@@ -11,10 +11,8 @@ var util = function() {
         <textarea class="data-table-cell-editor-editor" bind="textarea">{{value}}</textarea> \
         <div id="data-table-cell-editor-actions"> \
           <div class="data-table-cell-editor-action"> \
-            <button class="okButton button">Update</button> \
-          </div> \
-          <div class="data-table-cell-editor-action"> \
-            <button class="cancelButton button">Cancel</button> \
+            <button class="okButton btn primary">Update</button> \
+            <button class="cancelButton btn danger">Cancel</button> \
           </div> \
         </div> \
       </div> \
@@ -22,15 +20,17 @@ var util = function() {
     , editPreview: ' \
       <div class="expression-preview-table-wrapper"> \
         <table> \
-        <tbody> \
+        <thead> \
         <tr> \
-          <td class="expression-preview-heading"> \
+          <th class="expression-preview-heading"> \
             before \
-          </td> \
-          <td class="expression-preview-heading"> \
+          </th> \
+          <th class="expression-preview-heading"> \
             after \
-          </td> \
+          </th> \
         </tr> \
+        </thead> \
+        <tbody> \
         {{#rows}} \
         <tr> \
           <td class="expression-preview-value"> \
diff --git a/src/view.js b/src/view.js
index 5c0b4ced..5a2e7a01 100644
--- a/src/view.js
+++ b/src/view.js
@@ -470,8 +470,8 @@ my.ColumnTransform = Backbone.View.extend({
       </div> \
     </div> \
     <div class="dialog-footer"> \
-      <button class="okButton button">&nbsp;&nbsp;Update All&nbsp;&nbsp;</button> \
-      <button class="cancelButton button">Cancel</button> \
+      <button class="okButton btn primary">&nbsp;&nbsp;Update All&nbsp;&nbsp;</button> \
+      <button class="cancelButton btn danger">Cancel</button> \
     </div> \
   ',