diff --git a/files/assets/css/main.css b/files/assets/css/main.css
index 5a917a5fa..7bc192d5c 100644
--- a/files/assets/css/main.css
+++ b/files/assets/css/main.css
@@ -5178,11 +5178,16 @@ span.green {
 .text-info {
 	color: var(--primary) !important;
 }
-.patron {
+.patron, .post-flair {
 	padding: 2px 5px 3px 5px !important;
 	border-radius: 5px !important;
 	color: white !important;
 }
+.post-flair {
+	background-color: var(--primary);
+	font-size: 12px;
+	line-height: 2;
+}
 .patron[style*="background-color:#ffffff"] {
 	color: black !important;
 }
diff --git a/files/assets/events/homoween/css/main_homoween.css b/files/assets/events/homoween/css/main_homoween.css
index 2cd020f57..13536a66f 100644
--- a/files/assets/events/homoween/css/main_homoween.css
+++ b/files/assets/events/homoween/css/main_homoween.css
@@ -805,3 +805,7 @@ body::after {
 	width: 16px;
 	height: 16px;
 }
+
+.post-flair {
+	padding-top: 5px;
+}
diff --git a/files/templates/post.html b/files/templates/post.html
index f864ba931..691f67bd3 100644
--- a/files/templates/post.html
+++ b/files/templates/post.html
@@ -98,11 +98,11 @@
 					<h1 id="post-title" class="{{p.award_classes(v, True)}} card-title post-title text-left mb-md-3">
 						{% if p.realurl(v) and not v_forbid_deleted %}
 							<a class="no-visited" {% if not v or v.newtabexternal %}target="_blank"{% endif %} rel="nofollow noopener" href="{{p.realurl(v)}}">
-								{% if p.flair %}<span class="patron font-weight-bolder mr-1" style="background-color:var(--primary); font-size:12px; line-height:2">{{p.flair | safe}}</span>{% endif %}
+								{% if p.flair %}<span class="post-flair font-weight-bolder mr-1">{{p.flair | safe}}</span>{% endif %}
 								{{p.realtitle(v) | safe}}
 							</a>
 						{% else %}
-							{% if p.flair %}<span class="patron font-weight-bolder mr-1" style="background-color:var(--primary); font-size:12px; line-height:2">{{p.flair | safe}}</span>{% endif %}
+							{% if p.flair %}<span class="post-flair font-weight-bolder mr-1">{{p.flair | safe}}</span>{% endif %}
 							{{p.realtitle(v) | safe}}
 						{% endif %}
 					</h1>
diff --git a/files/templates/post_listing.html b/files/templates/post_listing.html
index 1d3a40aa2..08277bac9 100644
--- a/files/templates/post_listing.html
+++ b/files/templates/post_listing.html
@@ -97,7 +97,7 @@
 			</div>
 			<h5 class="card-title post-title text-left w-lg-95 pb-0 pb-md-1">
 				<a id="{{p.id}}-title" {% if v and v.newtab %}data-target="t" target="_blank"{% endif %} href="{{p.permalink}}" class="{% if p.hole %}sub{% endif %} stretched-link {% if p.chudded %}text-uppercase{% endif %}">
-				{% if p.flair %}<span class="patron font-weight-bolder mr-1" style="background-color:var(--primary); font-size:12px; line-height:2">{{p.flair | safe}}</span>{% endif %}
+				{% if p.flair %}<span class="post-flair font-weight-bolder mr-1">{{p.flair | safe}}</span>{% endif %}
 				{{p.realtitle(v) | safe}}
 			</a></h5>
 	</div>