From 65ad4a76f6e02285a78cbdfbb9d7644bfc38e0a4 Mon Sep 17 00:00:00 2001
From: Brandon Cohen <brandon@z3hn.dev>
Date: Tue, 25 Feb 2025 20:42:07 -0600
Subject: [PATCH] fix: center count badge on sidebar and mobile menu (#4052)

---
 src/components/Layout/MobileMenu/index.tsx | 4 ++--
 src/components/Layout/Sidebar/index.tsx    | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/Layout/MobileMenu/index.tsx b/src/components/Layout/MobileMenu/index.tsx
index b821fedd7..6d137952b 100644
--- a/src/components/Layout/MobileMenu/index.tsx
+++ b/src/components/Layout/MobileMenu/index.tsx
@@ -191,7 +191,7 @@ const MobileMenu = ({
                 {link.href === '/requests' &&
                   pendingRequestsCount > 0 &&
                   hasPermission(Permission.MANAGE_REQUESTS) && (
-                    <div className="ml-auto">
+                    <div className="ml-auto flex">
                       <Badge className="rounded-md border-indigo-500 bg-gradient-to-br from-indigo-600 to-purple-600">
                         {pendingRequestsCount}
                       </Badge>
@@ -200,7 +200,7 @@ const MobileMenu = ({
                 {link.href === '/issues' &&
                   openIssuesCount > 0 &&
                   hasPermission(Permission.MANAGE_ISSUES) && (
-                    <div className="ml-auto">
+                    <div className="ml-auto flex">
                       <Badge className="rounded-md border-indigo-500 bg-gradient-to-br from-indigo-600 to-purple-600">
                         {openIssuesCount}
                       </Badge>
diff --git a/src/components/Layout/Sidebar/index.tsx b/src/components/Layout/Sidebar/index.tsx
index cbcbea31f..62b053421 100644
--- a/src/components/Layout/Sidebar/index.tsx
+++ b/src/components/Layout/Sidebar/index.tsx
@@ -284,7 +284,7 @@ const Sidebar = ({
                         {sidebarLink.messagesKey === 'requests' &&
                           pendingRequestsCount > 0 &&
                           hasPermission(Permission.MANAGE_REQUESTS) && (
-                            <div className="ml-auto">
+                            <div className="ml-auto flex">
                               <Badge
                                 className={`rounded-md bg-gradient-to-br ${
                                   router.pathname.match(
@@ -301,7 +301,7 @@ const Sidebar = ({
                         {sidebarLink.messagesKey === 'issues' &&
                           openIssuesCount > 0 &&
                           hasPermission(Permission.MANAGE_ISSUES) && (
-                            <div className="ml-auto">
+                            <div className="ml-auto flex">
                               <Badge
                                 className={`rounded-md bg-gradient-to-br ${
                                   router.pathname.match(