diff --git a/files/templates/user_listing.html b/files/templates/user_listing.html
index 0c0207d99f..00f0b6b105 100644
--- a/files/templates/user_listing.html
+++ b/files/templates/user_listing.html
@@ -1,39 +1,41 @@
 {% for u in users %}
 <div class="my-2 px-2 w-1/2 overflow-hidden lg:w-1/3 xl:w-1/5">
-	<div id="user-{{u.id}}" class="card h-100">
+	<div id="user-{{u.id}}" class="shadow-sm rounded bg-gray-200 border border-gray-300 h-full">
 		<div class="relative">
 			<img loading="lazy" src="{{u.banner_url}}" class="object-cover" alt="@{{u.username}} user banner" height=175>
 
 			<img loading="lazy" src="{{u.profile_url}}" class="profile-pic-50 border-3 border-white" style="position: absolute; left: 15px; bottom: 15px; box-sizing: content-box;">
 		</div>
 
-		<div class="card-body" style="word-wrap: break-word;">
+		<div class="break-word">
 			<div class="d-flex flex-wrap justify-content-between align-items-center mb-3">
 
 				<a class="card-title text-break stretched-link h5 mb-0" href="{{u.url}}">@{{u.username}}</a>
 
 				{% if v %}
 					{% if v.id!=u.id and not u.is_private and not u.is_nofollow %}
-					<div id="button-sub-{{u.id}}" style="z-index: 2" class="{% if u.has_follower(v) %}d-none{% endif %}">
+					<div id="button-sub-{{u.id}}" class="{% if u.has_follower(v) %}hidden{% endif %} z-10">
 						<button class="btn btn-green" onclick="post_toast2('/follow/{{u.username}}','button-sub-{{u.id}}','button-unsub-{{u.id}}')">Follow
 						</button>
 					</div>
 					{% if u.id != 995 %}
-					<div id="button-unsub-{{u.id}}" style="z-index: 2" class="{% if not u.has_follower(v) %} d-none{% endif %}">
+					<div id="button-unsub-{{u.id}}" class="{% if not u.has_follower(v) %}hidden{% endif %} z-10">
 						<button class="btn btn-gray" onclick="post_toast2('/unfollow/{{u.username}}','button-sub-{{u.id}}','button-unsub-{{u.id}}')">Unfollow
 						</button>
 					</div>
 					{% endif %}
 					{% endif %}
 				{% else %}
-					<div id="button-sub-{{u.id}}" style="z-index: 2">
+					<div id="button-sub-{{u.id}}" class="z-10">
 						<a class="btn btn-green " href="/signup?redirect={{request.path}}">Follow</a>
 					</div>
 				{% endif %}
 			</div>
 
 			{% if not hide_bios and u.bio_html %}
-			<div class="card-text">{{u.bio_html | safe}}</div>
+				<div class="text-black">
+					{{u.bio_html | safe}}
+				</div>
 			{% endif %}
 		</div>
 	</div>