diff --git a/files/assets/css/main.css b/files/assets/css/main.css
index fbb666237..5a505ebd2 100644
--- a/files/assets/css/main.css
+++ b/files/assets/css/main.css
@@ -4167,18 +4167,6 @@ small, .small {
 	min-height: 30px;
 }
 
-.hole-flair {
-	padding: 3px 5px 2px 5px;
-	border-radius: 5px;
-	color: white;
-	background-color: var(--primary);
-	margin-right: 3px;
-	font-weight: bold;
-}
-.hole-flair:hover {
-	color: var(--white);
-	text-decoration: none;
-}
 .post-meta-domain {
 	/* fixes very long domains overflowing post_listing */
 	display: inline-block;
@@ -5184,19 +5172,50 @@ span.green {
 .text-info {
 	color: var(--primary) !important;
 }
-.patron, .post-flair {
+
+
+.patron, .pronouns, .post-flair, .hole-flair, .mod {
 	padding: 2px 5px 3px 5px !important;
 	border-radius: 5px !important;
 	color: white !important;
 }
+@media (max-width: 768px) {
+	.patron, .pronouns, .post-flair, .hole-flair, .mod {
+		padding: 2px 5px !important;
+	}
+}
+.patron[style*="background-color:#ffffff"] {
+	color: black !important;
+}
+.pronouns {
+	font-size: 9px;
+	margin-left: 0.25rem;
+	font-weight: 700;
+	border: 2px solid transparent;
+}
 .post-flair {
 	background-color: var(--primary);
 	font-size: 12px;
 	line-height: 2;
 }
-.patron[style*="background-color:#ffffff"] {
-	color: black !important;
+.hole-flair {
+	background-color: var(--primary);
+	margin-right: 3px;
+	font-weight: bold;
 }
+.hole-flair:hover {
+	color: var(--white);
+	text-decoration: none;
+}
+.mod {
+	padding: 2px 5px 3px 5px;
+	border-radius: 5px;
+	color:white!important;
+	background: linear-gradient(270deg, red, orange, yellow, green, blue, indigo, violet );
+	text-shadow:-1px -1px 0 black,1px -1px 0 black,-1px 1px 0 black,1px 1px 0 black;
+}
+
+
 .container, .container-fluid {
 	background-color: rgb(var(--background)) !important;
 }
@@ -5796,14 +5815,6 @@ html {
 	padding-bottom: 4px;
 }
 
-.mod {
-	padding: 2px 5px 3px 5px;
-	border-radius: 5px;
-	color:white!important;
-	background: linear-gradient(270deg, red, orange, yellow, green, blue, indigo, violet );
-	text-shadow:-1px -1px 0 black,1px -1px 0 black,-1px 1px 0 black,1px 1px 0 black;
-}
-
 .popover {
 	max-width: min(50%, 500px);
 	box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175);
@@ -6515,22 +6526,6 @@ g {
 .fa-stack-1x{line-height:inherit}
 .fa-stack-2x{font-size:2em}
 
-.pronouns {
-	font-size: 9px;
-	margin-left: 0.25rem;
-	font-weight: 700;
-	padding: 2px 5px 3px 5px;
-	border-radius: 5px;
-	color: white;
-	border: 2px solid transparent;
-}
-
-@media (max-width: 768px) {
-	.pronouns, .patron, .mod {
-		padding: 2px 5px !important;
-	}
-}
-
 .post-preview {
 	padding: 14px 14px 0 14px !important;
 	margin-bottom: 0.5rem !important;
diff --git a/files/templates/comments.html b/files/templates/comments.html
index 0eaa084e9..ce964230a 100644
--- a/files/templates/comments.html
+++ b/files/templates/comments.html
@@ -174,7 +174,7 @@
 						<span {% if c.author.patron and not c.distinguish_level %}class="patron" style="background-color:#{{c.author.name_color}}"{% elif c.distinguish_level %}class="mod {% if SITE_NAME == 'rDrama' %}mod-rdrama{% endif %}"{% endif %} {% if c.author.pride_username(v) %}pride_username{% endif %}>{{c.author_name}}</span>
 					</a>
 					{% if FEATURES['PRONOUNS'] %}
-						<span class="pronouns" style="color:#{{c.author.titlecolor}};border-color:#{{c.author.titlecolor}}">{{c.author.pronouns_display}}</span>
+						<span class="pronouns" style="color:#{{c.author.titlecolor}} !important;border-color:#{{c.author.titlecolor}} !important">{{c.author.pronouns_display}}</span>
 					{% endif %}
 					{% if c.author.flair_html %}
 						&nbsp;<bdi class="text-break" style="color: #{{c.author.titlecolor}}">&nbsp;{{c.author.flair_html | safe}}</bdi>
diff --git a/files/templates/util/macros.html b/files/templates/util/macros.html
index dfae181fa..907ddf12c 100644
--- a/files/templates/util/macros.html
+++ b/files/templates/util/macros.html
@@ -86,7 +86,7 @@
 			<span {% if p.author.patron and not p.distinguish_level %}class="patron" style="background-color:#{{p.author.name_color}}"{% elif p.distinguish_level %}class="mod {% if SITE_NAME == 'rDrama' %}mod-rdrama{% endif %}"{% endif %} {% if p.author.pride_username(v) %}pride_username{% endif %}>{{p.author_name}}</span>
 		</a>
 		{% if FEATURES['PRONOUNS'] %}
-			<span class="pronouns" style="color:#{{p.author.titlecolor}};border-color:#{{p.author.titlecolor}}">{{p.author.pronouns_display}}</span>
+			<span class="pronouns" style="color:#{{p.author.titlecolor}} !important;border-color:#{{p.author.titlecolor}} !important">{{p.author.pronouns_display}}</span>
 		{% endif %}
 		{% if p.author.flair_html %}
 			<bdi class="text-break ml-2" style="color: #{{p.author.titlecolor}}">{{p.author.flair_html | safe}}</bdi>