From c3572a3d70fc5c2c3aa002306292586e65f7e94b Mon Sep 17 00:00:00 2001
From: Theis Gaedigk <theis.gaedigk@icloud.com>
Date: Tue, 16 Sep 2025 13:49:44 +0200
Subject: [PATCH] fix: adjust icon placement and styling for safe state
 indicator

---
 admin/src/components/ItemTable.tsx | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/admin/src/components/ItemTable.tsx b/admin/src/components/ItemTable.tsx
index c33c76a..ec233a8 100644
--- a/admin/src/components/ItemTable.tsx
+++ b/admin/src/components/ItemTable.tsx
@@ -234,16 +234,15 @@ const ItemTable: React.FC = () => {
                     shadow: "sm",
                   }}
                   _active={{ transform: "translateY(0)" }}
-                  leftIcon={
-                    <Icon
-                      as={item.inSafe ? CheckCircle2 : XCircle}
-                      boxSize={3.5}
-                    />
-                  }
                   aria-label={
                     item.inSafe ? "Mark as not in safe" : "Mark as in safe"
                   }
                 >
+                  <Icon
+                    as={item.inSafe ? CheckCircle2 : XCircle}
+                    boxSize={3.5}
+                    mr={2}
+                  />
                   <Text as="span" fontSize="xs" fontWeight="semibold">
                     {item.inSafe ? "Yes" : "No"}
                   </Text>