diff --git a/less/tables.less b/less/tables.less
index c41989c04d..d5c0afd010 100644
--- a/less/tables.less
+++ b/less/tables.less
@@ -168,8 +168,8 @@ table {
 // by enabling horizontal scrolling. Only applies <768px. Everything above that
 // will display normally.
 
-@media (max-width: @screen-xs-max) {
-  .table-responsive {
+.table-responsive {
+  @media (max-width: @screen-xs-max) {
     width: 100%;
     margin-bottom: (@line-height-computed * 0.75);
     overflow-y: hidden;