From e0b7f154605b01c8249868e9ecbb96f59e9afd47 Mon Sep 17 00:00:00 2001
From: Nicole Rappe <nicole.rappe@bunny-lab.io>
Date: Mon, 20 Oct 2025 06:14:45 -0600
Subject: [PATCH] Fixed Status Bubble Vertical Alignment

---
 Data/Server/WebUI/src/Devices/Device_List.jsx | 25 +++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/Data/Server/WebUI/src/Devices/Device_List.jsx b/Data/Server/WebUI/src/Devices/Device_List.jsx
index 455d13d..e61164c 100644
--- a/Data/Server/WebUI/src/Devices/Device_List.jsx
+++ b/Data/Server/WebUI/src/Devices/Device_List.jsx
@@ -1116,6 +1116,7 @@ export default function DeviceList({
             field: "status",
             headerName: col.label,
             cellRenderer: statusCellRenderer,
+            cellClass: "status-pill-cell",
             width: 112,
             minWidth: 112,
             flex: 0,
@@ -1534,6 +1535,30 @@ export default function DeviceList({
             "& .ag-icon": {
               fontFamily: iconFontFamily,
             },
+            "& .status-pill-cell": {
+              display: "flex",
+              alignItems: "center",
+            },
+            "& .status-pill-cell .ag-cell-wrapper": {
+              width: "100%",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              height: "100%",
+              paddingTop: 0,
+              paddingBottom: 0,
+              lineHeight: "normal",
+            },
+            "& .status-pill-cell .ag-cell-value": {
+              width: "100%",
+              display: "flex",
+              justifyContent: "center",
+              alignItems: "center",
+              height: "100%",
+            },
+            "& .status-pill-cell .ag-cell-value > span": {
+              margin: 0,
+            },
           }}
         >
           <AgGridReact