diff --git a/css/data-explorer.css b/css/data-explorer.css
index 72eff400..208ce906 100644
--- a/css/data-explorer.css
+++ b/css/data-explorer.css
@@ -55,7 +55,7 @@
 }
 
 .header .recline-query-editor form .btn {
-  margin-top: -23px;
+  vertical-align: top;
 }
 
 .data-view-container {
@@ -63,62 +63,6 @@
   clear: both;
 }
 
-/* bootstrap btn */
-.btn {
-  cursor: pointer;
-  display: inline-block;
-  background-color: #e6e6e6;
-  background-repeat: no-repeat;
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
-  background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
-  background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
-  background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
-  background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
-  background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
-  padding: 5px 14px 6px;
-  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
-  color: #333;
-  font-size: 13px;
-  line-height: normal;
-  border: 1px solid #ccc;
-  border-bottom-color: #bbb;
-  -webkit-border-radius: 4px;
-  -moz-border-radius: 4px;
-  border-radius: 4px;
-  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-  -webkit-transition: 0.1s linear all;
-  -moz-transition: 0.1s linear all;
-  -ms-transition: 0.1s linear all;
-  -o-transition: 0.1s linear all;
-  transition: 0.1s linear all;
-}
-.btn:hover {
-  background-position: 0 -15px;
-  color: #333;
-  text-decoration: none;
-}
-.btn:focus {
-  outline: 1px dotted #666;
-}
-
-/* twitter btn.disabled but for button link that is active. used in navigation */
-.active .btn {
-  cursor: default;
-  background-image: none;
-  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
-  filter: alpha(opacity=65);
-  -khtml-opacity: 0.65;
-  -moz-opacity: 0.65;
-  opacity: 0.65;
-  -webkit-box-shadow: none;
-  -moz-box-shadow: none;
-  box-shadow: none;
-}
-
-
 /**********************************************************
   * Notifications
   *********************************************************/
diff --git a/recline.js b/recline.js
index 4b29f5d6..9ce1731d 100644
--- a/recline.js
+++ b/recline.js
@@ -1152,8 +1152,10 @@ my.DataExplorer = Backbone.View.extend({
 
   updateNav: function(pageName, queryString) {
     this.el.find('.navigation li').removeClass('active');
+    this.el.find('.navigation li a').removeClass('disabled');
     var $el = this.el.find('.navigation li a[href=#' + pageName + ']');
     $el.parent().addClass('active');
+    $el.addClass('disabled');
     // show the specific page
     _.each(this.pageViews, function(view, idx) {
       if (view.id === pageName) {
diff --git a/src/view.js b/src/view.js
index eb4aa413..53dbfc85 100644
--- a/src/view.js
+++ b/src/view.js
@@ -164,8 +164,10 @@ my.DataExplorer = Backbone.View.extend({
 
   updateNav: function(pageName, queryString) {
     this.el.find('.navigation li').removeClass('active');
+    this.el.find('.navigation li a').removeClass('disabled');
     var $el = this.el.find('.navigation li a[href=#' + pageName + ']');
     $el.parent().addClass('active');
+    $el.addClass('disabled');
     // show the specific page
     _.each(this.pageViews, function(view, idx) {
       if (view.id === pageName) {