fix: Fix badge alignment and break out into component

[lemmy-ui.git] / src / shared / utils / app / get-role-label-pill.tsx

diff --git a/src/shared/utils/app/get-role-label-pill.tsx b/src/shared/utils/app/get-role-label-pill.tsx
index 0cb0a41438d9ae7c5f75a34c48f10dbcdabd67ef..b46f249886c1d27b3fed4b71d79a4eb20fd7bf83 100644 (file)
--- a/src/shared/utils/app/get-role-label-pill.tsx
+++ b/src/shared/utils/app/get-role-label-pill.tsx
@@ -11,7 +11,7 @@ export default function getRoleLabelPill({
 }) {
   return (
     <span
-      className={`badge me-1 ${classes ?? "text-bg-light"}`}
+      className={`badge ${classes ?? "text-bg-light"}`}
       aria-label={tooltip}
       data-tippy-content={tooltip}
     >