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}