diff --git a/files/templates/userpage.html b/files/templates/userpage.html
index e31bef5266..572d75b796 100644
--- a/files/templates/userpage.html
+++ b/files/templates/userpage.html
@@ -92,6 +92,7 @@
 		document.getElementById(id).classList.toggle('d-none');
 	}
 </script>
+
 <textarea id="userid" style="display: none;">{% if u.song %}{{u.id}}{% else %}nosong{% endif %}</textarea>
 <div class="row d-none d-md-block">
 	<div class="col px-0">
@@ -633,17 +634,17 @@
 		<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 %}" href="/@{{u.username}}">Posts</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</a>
 				</li>
 				<li class="nav-item">
-					<a class="nav-link" href="/@{{u.username}}/comments">Comments</a>
+					<a class="nav-link" style="font-size: .9rem !important; padding: .75rem .4rem important;" href="/@{{u.username}}/comments">Comments</a>
 				</li>
 				{% if u.id == v.id %}
 				<li class="nav-item">
-					<a class="nav-link {% if 'saved' in request.path %}active{% endif %}" href="/@{{u.username}}/saved/posts">Saved Posts</a>
+					<a class="nav-link {% if 'saved' in request.path %}active{% endif %}" style="font-size: .9rem !important; padding: .75rem .4rem important;" href="/@{{u.username}}/saved/posts">Saved Posts</a>
 				</li>
 				<li class="nav-item">
-					<a class="nav-link" href="/@{{u.username}}/saved/comments">Saved Comments</a>
+					<a class="nav-link" style="font-size: .9rem !important; padding: .75rem .4rem important;" href="/@{{u.username}}/saved/comments">Saved Comments</a>
 				</li>
 				{% endif %}
 			</ul>
diff --git a/files/templates/userpage_comments.html b/files/templates/userpage_comments.html
index bed9c25272..5b0a727011 100644
--- a/files/templates/userpage_comments.html
+++ b/files/templates/userpage_comments.html
@@ -7,17 +7,17 @@
 		<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" href="/@{{u.username}}">Posts</a>
+					<a class="nav-link" style="font-size: .9rem !important; padding: .75rem .4rem important;" href="/@{{u.username}}">Posts</a>
 				</li>
 				<li class="nav-item">
-					<a class="nav-link {% if not 'saved' in request.path %}active{% endif %}" href="/@{{u.username}}/comments">Comments</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</a>
 				</li>
 				{% if u.id == v.id %}
 				<li class="nav-item">
-					<a class="nav-link" href="/@{{u.username}}/saved/posts">Saved Posts</a>
+					<a class="nav-link" style="font-size: .9rem !important; padding: .75rem .4rem important;" href="/@{{u.username}}/saved/posts">Saved Posts</a>
 				</li>
 				<li class="nav-item">
-					<a class="nav-link {% if 'saved' in request.path %}active{% endif %}" href="/@{{u.username}}/saved/comments">Saved Comments</a>
+					<a class="nav-link {% if 'saved' in request.path %}active{% endif %}" style="font-size: .9rem !important; padding: .75rem .4rem important;" href="/@{{u.username}}/saved/comments">Saved Comments</a>
 				</li>
 				{% endif %}
 			</ul>