diff --git a/datasette/templates/query.html b/datasette/templates/query.html
index ba1b834a..c7d6c5a8 100644
--- a/datasette/templates/query.html
+++ b/datasette/templates/query.html
@@ -8,7 +8,7 @@
 <style>
 @media only screen and (max-width: 576px) {
 {% for column in columns %}
-    td:nth-of-type({{ loop.index }}):before { content: "{{ column|escape_css_string }}"; }
+    .rows-and-columns td:nth-of-type({{ loop.index }}):before { content: "{{ column|escape_css_string }}"; }
 {% endfor %}
 }
 </style>
diff --git a/datasette/templates/row.html b/datasette/templates/row.html
index 2217a4dc..4ef0b758 100644
--- a/datasette/templates/row.html
+++ b/datasette/templates/row.html
@@ -7,7 +7,7 @@
 <style>
 @media only screen and (max-width: 576px) {
 {% for column in columns %}
-    td:nth-of-type({{ loop.index }}):before { content: "{{ column|escape_css_string }}"; }
+    .rows-and-columns td:nth-of-type({{ loop.index }}):before { content: "{{ column|escape_css_string }}"; }
 {% endfor %}
 }
 </style>
diff --git a/datasette/templates/table.html b/datasette/templates/table.html
index 7f2b2644..d72710bc 100644
--- a/datasette/templates/table.html
+++ b/datasette/templates/table.html
@@ -8,7 +8,7 @@
 <style>
 @media only screen and (max-width: 576px) {
 {% for column in display_columns %}
-    td:nth-of-type({{ loop.index }}):before { content: "{{ column.name|escape_css_string }}"; }
+    .rows-and-columns td:nth-of-type({{ loop.index }}):before { content: "{{ column.name|escape_css_string }}"; }
 {% endfor %}
 }
 </style>