diff --git a/files/templates/submission_listing.html b/files/templates/submission_listing.html
index 7b686dba0..c970df2c8 100755
--- a/files/templates/submission_listing.html
+++ b/files/templates/submission_listing.html
@@ -76,26 +76,26 @@
 
 {% for p in listing %}
 
-<div style="display: none; color: var(--gray-600) !important;" id="popover-{{p.id}}">
-	<div class="popover-user-profile" style="color: var(--gray-600) !important;" role="tooltip">
+<div style="display: none" id="popover-{{p.id}}">
+	<div class="popover-user-profile" role="tooltip" style="background-color: var(--gray-600);">
 	  <img class="w-100 h-64 object-cover" src="{{p.author.banner_url}}">
 	  <div class="d-flex align-items-end px-3 mt-n6 mb-3">
 		<img class="avatar-72 rounded img-thumbnail shadow-sm" src="{{p.author.profile_url}}">
 		<div class="px-3 text-truncate">
-		  <h5 class="text-truncate">{{p.author.username}}</h5>
+		  <h5 class="text-truncate text-light">{{p.author.username}}</h5>
 		</div>
 	  </div>
 	  <div class="px-3">
-		<span style="color:#ec72de">{% if p.author.bio_html %}{{p.author.bio_html | safe}}{% endif %}</span>
+		<span class="text-light">{% if p.author.bio_html %}{{p.author.bio_html | safe}}{% endif %}</span>
 	  </div>
-	  <div class="border-top d-flex align-items-center p-3 mt-3 gap-3 bg-light">
+	  <div class="border-top d-flex align-items-center p-3 mt-3 gap-3">
 		<span>
-		  <strong>{{p.author.post_count}}</strong>
-		  <span class="text-secondary">posts</span>
+		  <strong class="text-light">{{p.author.post_count}}</strong>
+		  <span class="text-light">posts</span>
 		</span>
-		<span class="ml-2">
-		  <strong>{{p.author.comment_count}}</strong>
-		  <span class="text-secondary">comments</span>
+		<span class="ml-3">
+		  <strong class="text-light">{{p.author.comment_count}}</strong>
+		  <span class="text-light">comments</span>
 		</span>
 		<a {% if v %}href="{{p.author.url}}"{% else %}href="/logged_out{{p.author.url}}"{% endif %} target="_blank" class="ml-auto text-decoration-none">
 		  View