diff --git a/css/grid.css b/css/grid.css
index fd525be6..4e4bd806 100644
--- a/css/grid.css
+++ b/css/grid.css
@@ -63,10 +63,6 @@
   float: right;
 }
 
-.read-only a.row-header-menu {
-  display: none;
-}
-
 div.data-table-cell-content {
   line-height: 1.2;
   color: #222;
@@ -301,15 +297,19 @@ td.expression-preview-value {
   * Read-only mode
   *********************************************************/
 
-.read-only .no-hidden .recline-grid tr td:first-child,
-.read-only .no-hidden .recline-grid tr th:first-child
+.recline-read-only .no-hidden .recline-grid tr td:first-child,
+.recline-read-only .no-hidden .recline-grid tr th:first-child
 {
   display: none;
 }
 
-.read-only .recline-grid .write-op,
-.read-only .recline-grid a.data-table-cell-edit
+.recline-read-only .recline-grid .write-op,
+.recline-read-only .recline-grid a.data-table-cell-edit
 {
   display: none;
 }
 
+.recline-read-only a.row-header-menu {
+  display: none;
+}
+
diff --git a/src/view.js b/src/view.js
index b78e1901..815af453 100644
--- a/src/view.js
+++ b/src/view.js
@@ -163,7 +163,7 @@ my.DataExplorer = Backbone.View.extend({
   },
 
   setReadOnly: function() {
-    this.el.addClass('read-only');
+    this.el.addClass('recline-read-only');
   },
 
   render: function() {