From 738339884e563d5b1f217e9fc1742efa06498713 Mon Sep 17 00:00:00 2001
From: skidoodle <contact@albert.lol>
Date: Sat, 4 Jan 2025 09:02:47 +0100
Subject: [PATCH] fix: update status badge styling for better alignment

---
 src/components/status-badge.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/status-badge.tsx b/src/components/status-badge.tsx
index 6aa1b57..09bf526 100644
--- a/src/components/status-badge.tsx
+++ b/src/components/status-badge.tsx
@@ -8,7 +8,7 @@ interface StatusBadgeProps {
 const StatusBadge = ({ status, toggleStatus }: StatusBadgeProps) => (
 	<Badge
 		variant={status === "Paid" ? "paid" : "unpaid"}
-		className="cursor-pointer text-[16px]"
+		className="cursor-pointer text-[16px] w-24 flex items-center justify-center"
 		onClick={toggleStatus}
 	>
 		{status}