diff --git a/dist/ratchet.css b/dist/ratchet.css
index cdd00a5..7e2f5a7 100644
--- a/dist/ratchet.css
+++ b/dist/ratchet.css
@@ -399,6 +399,9 @@ a {
   margin: -11px -60px -11px 0;
   color: inherit;
 }
+.table-view li > a:not([class*="button"]):active {
+  background-color: #eee;
+}
 .table-view li p {
   margin: 0;
 }
@@ -504,7 +507,6 @@ input[type=search] {
   border-width: 0;
   background-color: rgba(0, 0, 0, 0.1);
   box-sizing: border-box;
-  transition: text-align 1s linear;
 }
 
 input[type=search]:focus {
@@ -655,12 +657,20 @@ select {
   right: 10px;
 }
 .bar-title .button:active,
-.bar-title .button-prev:active,
-.bar-title .button-next:active {
+.bar-title .button.active
+.button-prev:active
+.button-prev.active,
+.bar-title .button-next:active
+.button-next.active,
+.bar-title .button-primary:active,
+.bar-title .button-primary.active {
   color: #007aff;
   background-color: transparent;
   opacity: .3;
 }
+.bar-title .button-primary {
+  font-weight: 500;
+}
 .bar-title .button-prev:before,
 .bar-title .button-prev:after,
 .bar-title .button-next:before,
diff --git a/lib/sass/buttons.scss b/lib/sass/buttons.scss
index d2cecc1..85a53c1 100644
--- a/lib/sass/buttons.scss
+++ b/lib/sass/buttons.scss
@@ -117,13 +117,23 @@
 
   // Override standard button active states
   .button:active,
-  .button-prev:active,
-  .button-next:active {
+  .button.active
+  .button-prev:active
+  .button-prev.active,
+  .button-next:active
+  .button-next.active,
+  .button-primary:active,
+  .button-primary.active {
     color: $primary-color;
     background-color: transparent;
     opacity: .3;
   }
 
+  // Primary button in bars
+  .button-primary {
+    font-weight: $font-weight;
+  }
+
 
   // Directional buttons in nav bars
   // --------------------------------------------------
diff --git a/lib/sass/table-views.scss b/lib/sass/table-views.scss
index 798442f..49579e0 100644
--- a/lib/sass/table-views.scss
+++ b/lib/sass/table-views.scss
@@ -28,6 +28,9 @@
       margin: -11px -60px -11px 0;
       color: inherit;
     }
+    > a:not([class*="button"]):active {
+      background-color: #eee;
+    } 
 
     p {
       margin: 0;
diff --git a/test/components/index.html b/test/components/index.html
index 415d66a..b4052b7 100644
--- a/test/components/index.html
+++ b/test/components/index.html
@@ -138,7 +138,7 @@
 
   <!-- Title-bar left button -->
   <header class="bar-title" id="newshit">
-    <a class="button open-shelf" href="#">
+    <a class="button-primary open-shelf" href="#">
       Open
     </a>
     <ul class="segmented-controller">