diff --git a/src/base/examples/text-semantics.html b/src/base/examples/text-semantics.html
index 8e7ed0ca..0cd06f10 100644
--- a/src/base/examples/text-semantics.html
+++ b/src/base/examples/text-semantics.html
@@ -19,8 +19,8 @@
 	The <small>small element</small> example <br />
 	The <span>span element</span> example <br />
 	The <strong>strong element</strong> example <br />
-	The <sub>sub element</sub> example <br />
 	The <sup>sup element</sup> example <br />
+	The <sub>sub element</sub> example <br />
 	The <var>var element</var> example <br />
 	The <u>u element</u> example
 </p>
diff --git a/src/components/user-counts/_user-counts.scss b/src/components/user-counts/_user-counts.scss
index 0283b01a..e999bdcc 100644
--- a/src/components/user-counts/_user-counts.scss
+++ b/src/components/user-counts/_user-counts.scss
@@ -24,9 +24,11 @@
 		width: 70px; // magic number that works in the sidebar
 
 		.num {
+			color: inherit;
 			display: block;
 			font-size: 1.125rem;
 			font-weight: var(--number-font-weight-bold);
+			text-decoration-color: inherit;
 		}
 
 		.label {
@@ -35,10 +37,6 @@
 		}
 	}
 
-	.views {
-		width: 95px; // magic number to give views more space than other cells
-	}
-
 	.saves {
 		color: var(--color-status-warning);
 	}
diff --git a/src/components/user-counts/examples/user-counts-narrow.html b/src/components/user-counts/examples/user-counts-narrow.html
index ddef0f1a..111dd706 100644
--- a/src/components/user-counts/examples/user-counts-narrow.html
+++ b/src/components/user-counts/examples/user-counts-narrow.html
@@ -2,15 +2,15 @@
 	<div name="username" class="user-counts">
 		<ul>
 			<li class="views">
-				<span class="num">7,438,959</span>
+				<span class="num">7.4M</span>
 				<span class="label-text">Views</span>
 			</li>
 			<li class="saves">
-				<span class="num">22,511</span>
+				<span class="num">22.5K</span>
 				<span class="label-text">Saves</span>
 			</li>
 			<li class="likes">
-				<span class="num">140,205</span>
+				<a class="num" href="#">140.2K</a>
 				<span class="label-text">Likes</span>
 			</li>
 		</ul>
diff --git a/src/components/user-counts/examples/user-counts.html b/src/components/user-counts/examples/user-counts.html
index cce7f6bd..54729932 100644
--- a/src/components/user-counts/examples/user-counts.html
+++ b/src/components/user-counts/examples/user-counts.html
@@ -1,7 +1,7 @@
 <div name="username" class="user-counts">
 	<ul>
 		<li class="views">
-			<span class="num">24,853</span>
+			<span class="num">24.8K</span>
 			<span class="label-text">Views</span>
 		</li>
 		<li class="saves">
@@ -9,7 +9,7 @@
 			<span class="label-text">Saves</span>
 		</li>
 		<li class="likes">
-			<span class="num">374</span>
+			<a class="num" href="#">374</a>
 			<span class="label-text">Likes</span>
 		</li>
 	</ul>