diff --git a/src/shared/components/comment/comment-node.tsx b/src/shared/components/comment/comment-node.tsx
index 079edec7..8f689aa2 100644
--- a/src/shared/components/comment/comment-node.tsx
+++ b/src/shared/components/comment/comment-node.tsx
@@ -322,7 +322,7 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
                 getRoleLabelPill({
                   label: I18NextService.i18n.t("op").toUpperCase(),
                   tooltip: I18NextService.i18n.t("creator"),
-                  classes: "text-bg-info text-black",
+                  classes: "text-bg-info",
                   shrink: false,
                 })}
 
@@ -330,14 +330,14 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
                 getRoleLabelPill({
                   label: I18NextService.i18n.t("mod"),
                   tooltip: I18NextService.i18n.t("mod"),
-                  classes: "text-bg-primary text-black",
+                  classes: "text-bg-primary",
                 })}
 
               {isAdmin_ &&
                 getRoleLabelPill({
                   label: I18NextService.i18n.t("admin"),
                   tooltip: I18NextService.i18n.t("admin"),
-                  classes: "text-bg-danger text-white",
+                  classes: "text-bg-danger",
                 })}
 
               {cv.creator.bot_account &&
diff --git a/src/shared/components/person/profile.tsx b/src/shared/components/person/profile.tsx
index 4a8de027..ad7c5fe5 100644
--- a/src/shared/components/person/profile.tsx
+++ b/src/shared/components/person/profile.tsx
@@ -489,7 +489,7 @@ export class Profile extends Component<
                         {getRoleLabelPill({
                           label: I18NextService.i18n.t("banned"),
                           tooltip: I18NextService.i18n.t("banned"),
-                          classes: "text-bg-danger text-white",
+                          classes: "text-bg-danger",
                           shrink: false,
                         })}
                       </li>
@@ -499,7 +499,7 @@ export class Profile extends Component<
                         {getRoleLabelPill({
                           label: I18NextService.i18n.t("deleted"),
                           tooltip: I18NextService.i18n.t("deleted"),
-                          classes: "text-bg-danger text-white",
+                          classes: "text-bg-danger",
                           shrink: false,
                         })}
                       </li>
diff --git a/src/shared/components/post/post-listing.tsx b/src/shared/components/post/post-listing.tsx
index 98c38470..eb3d0f64 100644
--- a/src/shared/components/post/post-listing.tsx
+++ b/src/shared/components/post/post-listing.tsx
@@ -412,13 +412,13 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
           getRoleLabelPill({
             label: I18NextService.i18n.t("mod"),
             tooltip: I18NextService.i18n.t("mod"),
-            classes: "text-bg-primary text-black",
+            classes: "text-bg-primary",
           })}
         {this.creatorIsAdmin_ &&
           getRoleLabelPill({
             label: I18NextService.i18n.t("admin"),
             tooltip: I18NextService.i18n.t("admin"),
-            classes: "text-bg-danger text-white",
+            classes: "text-bg-danger",
           })}
         {post_view.creator.bot_account &&
           getRoleLabelPill({