From a8a95793b7afd38bf089f8ea7716f91a7ce3e184 Mon Sep 17 00:00:00 2001
From: Wikid82 <jhatfield82@gmail.com>
Date: Wed, 26 Nov 2025 01:34:08 +0000
Subject: [PATCH] fix: adjust styling for MonitorCard status indicator for
 better alignment

---
 frontend/src/pages/Uptime.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/pages/Uptime.tsx b/frontend/src/pages/Uptime.tsx
index 3afea85e..0fe2b14d 100644
--- a/frontend/src/pages/Uptime.tsx
+++ b/frontend/src/pages/Uptime.tsx
@@ -35,7 +35,7 @@ const MonitorCard: React.FC<{ monitor: UptimeMonitor; onEdit: (monitor: UptimeMo
             >
                 <Settings size={16} />
             </button>
-            <div className={`flex items-center px-3 py-1 rounded-full text-sm font-medium ${
+            <div className={`flex items-center justify-center px-3 py-1 rounded-full text-sm font-medium min-w-[90px] ${
             isUp ? 'bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200' : 'bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-200'
             }`}>
             {isUp ? <ArrowUp className="w-4 h-4 mr-1" /> : <ArrowDown className="w-4 h-4 mr-1" />}