diff --git a/styles/supported-versions.css b/styles/supported-versions.css
index fe6284bec..d30285c63 100644
--- a/styles/supported-versions.css
+++ b/styles/supported-versions.css
@@ -13,6 +13,20 @@ table.standard tr.stable td:first-child {
 	background: #9c9;
 }
 
+@media (max-width: 767px) {
+	table.standard th {
+		font-size: 1rem;
+	}
+
+	table.standard td.collapse-phone {
+		padding: 0;
+	}
+
+	table.standard td.collapse-phone * {
+		display: none;
+	}
+}
+
 svg {
 	max-width: 100%;
 	height: auto;
diff --git a/supported-versions.php b/supported-versions.php
index 793e5d459..908838d13 100644
--- a/supported-versions.php
+++ b/supported-versions.php
@@ -56,11 +56,11 @@ site_header('Supported Versions', array('css' => array('supported-versions.css')
 						</a>
 					</td>
 					<td><?php echo htmlspecialchars($initial->format('j M Y')) ?></td>
-					<td><em><?php echo htmlspecialchars(format_interval($initial, null)) ?></em></td>
+					<td class="collapse-phone"><em><?php echo htmlspecialchars(format_interval($initial, null)) ?></em></td>
 					<td><?php echo htmlspecialchars($until->format('j M Y')) ?></td>
-					<td><em><?php echo htmlspecialchars(format_interval($until, null)) ?></em></td>
+					<td class="collapse-phone"><em><?php echo htmlspecialchars(format_interval($until, null)) ?></em></td>
 					<td><?php echo htmlspecialchars($eol->format('j M Y')) ?></td>
-					<td><em><?php echo htmlspecialchars(format_interval($eol, null)) ?></em></td>
+					<td class="collapse-phone"><em><?php echo htmlspecialchars(format_interval($eol, null)) ?></em></td>
 				</tr>
 			<?php endforeach ?>
 		<?php endforeach ?>