diff --git a/files/templates/userpage.html b/files/templates/userpage.html
index 84c05d24eb..f18853eb62 100644
--- a/files/templates/userpage.html
+++ b/files/templates/userpage.html
@@ -602,10 +602,10 @@
 		<div class="flex-row box-shadow-bottom d-flex justify-content-center justify-content-md-between align-items-center">
 			<ul class="nav settings-nav">
 				<li class="nav-item">
-					<a class="nav-link {% if not 'saved' in request.path %}active{% endif %}" style="font-size: .9rem !important; padding: .75rem .4rem !important;" href="/@{{u.username}}">Posts ({{u.post_count}})</a>
+					<a class="nav-link {% if not 'saved' in request.path %}active{% endif %}" style="font-size: .9rem !important; padding: .75rem .4rem !important;" href="/@{{u.username}}">Posts <span class="count">({{u.post_count}})</span></a>
 				</li>
 				<li class="nav-item">
-					<a class="nav-link" style="font-size: .9rem !important; padding: .75rem .4rem !important;" href="/@{{u.username}}/comments">Comments ({{u.comment_count}})</a>
+					<a class="nav-link" style="font-size: .9rem !important; padding: .75rem .4rem !important;" href="/@{{u.username}}/comments">Comments <span class="count">({{u.comment_count}})</span></a>
 				</li>
 				{% if u.id == v.id %}
 				<li class="nav-item">
@@ -728,6 +728,11 @@
 	.userbanner {
 		object-fit: cover !important;
 	}
+	@media (max-width: 400px) { 
+		.count {
+			display:block;
+		}   
+	}
 </style>
 
 
diff --git a/files/templates/userpage_comments.html b/files/templates/userpage_comments.html
index a484648770..7079f3b8f7 100644
--- a/files/templates/userpage_comments.html
+++ b/files/templates/userpage_comments.html
@@ -7,10 +7,10 @@
 		<div class="flex-row box-shadow-bottom d-flex justify-content-center justify-content-md-between align-items-center">
 			<ul class="nav settings-nav">
 				<li class="nav-item">
-					<a class="nav-link" style="font-size: .9rem !important; padding: .75rem .4rem !important;" href="/@{{u.username}}">Posts ({{u.post_count}})</a>
+					<a class="nav-link" style="font-size: .9rem !important; padding: .75rem .4rem !important;" href="/@{{u.username}}">Posts <span class="count">({{u.post_count}})</span></a>
 				</li>
 				<li class="nav-item">
-					<a class="nav-link {% if not 'saved' in request.path %}active{% endif %}" style="font-size: .9rem !important; padding: .75rem .4rem !important;" href="/@{{u.username}}/comments">Comments ({{u.comment_count}})</a>
+					<a class="nav-link {% if not 'saved' in request.path %}active{% endif %}" style="font-size: .9rem !important; padding: .75rem .4rem !important;" href="/@{{u.username}}/comments">Comments <span class="count">({{u.comment_count}})</span></a>
 				</li>
 				{% if u.id == v.id %}
 				<li class="nav-item">