From eea10100b506a85a016b730dfbce42a54533ff4a 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 866bb3d0f..552e5326a 100644
--- a/src/components/Layout/MobileMenu/index.tsx
+++ b/src/components/Layout/MobileMenu/index.tsx
@@ -205,7 +205,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>
@@ -214,7 +214,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 e232c66c2..57f3507e3 100644
--- a/src/components/Layout/Sidebar/index.tsx
+++ b/src/components/Layout/Sidebar/index.tsx
@@ -324,7 +324,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(
@@ -341,7 +341,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(