fix: adjust icon placement and styling for safe state indicator

2025-09-16 13:49:44 +02:00
parent 4fc60a08d9
commit c3572a3d70
1 changed files with 5 additions and 6 deletions
--- 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>