diff --git a/lemmy-translations b/lemmy-translations
index a241fe12..ddf0d3a4 160000
--- a/lemmy-translations
+++ b/lemmy-translations
@@ -1 +1 @@
-Subproject commit a241fe1255a6363c7ae1ec5a09520c066745e6ce
+Subproject commit ddf0d3a4dcfba5eddbcdb702db2470b52abb3815
diff --git a/src/assets/css/themes/darkly.css b/src/assets/css/themes/darkly.css
index e8ac2263..eedf9124 100644
--- a/src/assets/css/themes/darkly.css
+++ b/src/assets/css/themes/darkly.css
@@ -4716,14 +4716,14 @@ textarea.form-control-lg {
   --bs-badge-padding-y: 0.35em;
   --bs-badge-font-size: 0.75em;
   --bs-badge-font-weight: 700;
-  --bs-badge-color: #fff;
+  --bs-badge-color: #888;
   --bs-badge-border-radius: var(--bs-border-radius);
   display: inline-block;
   padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
   font-size: var(--bs-badge-font-size);
   font-weight: var(--bs-badge-font-weight);
   line-height: 1;
-  color: var(--bs-badge-color);
+  color: #888;
   text-align: center;
   white-space: nowrap;
   vertical-align: baseline;
diff --git a/src/shared/components/comment/comment-node.tsx b/src/shared/components/comment/comment-node.tsx
index b558d142..bf4bae3e 100644
--- a/src/shared/components/comment/comment-node.tsx
+++ b/src/shared/components/comment/comment-node.tsx
@@ -317,17 +317,17 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
                 </div>
               )}
               {isMod_ && (
-                <div className="badge text-bg-light d-none d-sm-inline me-2">
+                <div className="badge d-none d-sm-inline me-2">
                   {I18NextService.i18n.t("mod")}
                 </div>
               )}
               {isAdmin_ && (
-                <div className="badge text-bg-light d-none d-sm-inline me-2">
+                <div className="badge d-none d-sm-inline me-2">
                   {I18NextService.i18n.t("admin")}
                 </div>
               )}
               {cv.creator.bot_account && (
-                <div className="badge text-bg-light d-none d-sm-inline me-2">
+                <div className="badge d-none d-sm-inline me-2">
                   {I18NextService.i18n.t("bot_account").toLowerCase()}
                 </div>
               )}
@@ -343,7 +343,7 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
               )}
               {this.linkBtn(true)}
               {cv.comment.language_id !== 0 && (
-                <span className="badge text-bg-light d-none d-sm-inline me-2">
+                <span className="badge d-none d-sm-inline me-2">
                   {
                     this.props.allLanguages.find(
                       lang => lang.id === cv.comment.language_id
diff --git a/src/shared/components/post/post-listing.tsx b/src/shared/components/post/post-listing.tsx
index d5ddc2f2..0c6b4893 100644
--- a/src/shared/components/post/post-listing.tsx
+++ b/src/shared/components/post/post-listing.tsx
@@ -384,17 +384,13 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
       <span className="small">
         <PersonListing person={post_view.creator} />
         {this.creatorIsMod_ && (
-          <span className="mx-1 badge text-bg-light">
-            {I18NextService.i18n.t("mod")}
-          </span>
+          <span className="mx-1 badge">{I18NextService.i18n.t("mod")}</span>
         )}
         {this.creatorIsAdmin_ && (
-          <span className="mx-1 badge text-bg-light">
-            {I18NextService.i18n.t("admin")}
-          </span>
+          <span className="mx-1 badge">{I18NextService.i18n.t("admin")}</span>
         )}
         {post_view.creator.bot_account && (
-          <span className="mx-1 badge text-bg-light">
+          <span className="mx-1 badge">
             {I18NextService.i18n.t("bot_account").toLowerCase()}
           </span>
         )}
@@ -406,7 +402,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
           </>
         )}
         {post_view.post.language_id !== 0 && (
-          <span className="mx-1 badge text-bg-light">
+          <span className="mx-1 badge">
             {
               this.props.allLanguages.find(
                 lang => lang.id === post_view.post.language_id