diff --git a/client/package-lock.json b/client/package-lock.json
index 2ba151f6..9994084c 100644
--- a/client/package-lock.json
+++ b/client/package-lock.json
@@ -2521,9 +2521,9 @@
       }
     },
     "node_modules/@typescript-eslint/typescript-estree/node_modules/brace-expansion": {
-      "version": "5.0.3",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.3.tgz",
-      "integrity": "sha512-fy6KJm2RawA5RcHkLa1z/ScpBeA762UF9KmZQxwIbDtRJrgLzM10depAiEQ+CXYcoiqW1/m96OAAoke2nE9EeA==",
+      "version": "5.0.5",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.5.tgz",
+      "integrity": "sha512-VZznLgtwhn+Mact9tfiwx64fA9erHH/MCXEUfB/0bX/6Fz6ny5EGTXYltMocqg4xFAQZtnO3DHWWXi8RiuN7cQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -2983,9 +2983,9 @@
       "license": "MIT"
     },
     "node_modules/brace-expansion": {
-      "version": "1.1.12",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
-      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "version": "1.1.13",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.13.tgz",
+      "integrity": "sha512-9ZLprWS6EENmhEOpjCYW2c8VkmOvckIJZfkr7rBW6dObmfgJ/L1GpSYW5Hpo9lDz4D1+n0Ckz8rU7FwHDQiG/w==",
       "license": "MIT",
       "dependencies": {
         "balanced-match": "^1.0.0",
diff --git a/client/src/common/EquipmentCard.tsx b/client/src/common/EquipmentCard.tsx
index 822ae347..98ec005f 100644
--- a/client/src/common/EquipmentCard.tsx
+++ b/client/src/common/EquipmentCard.tsx
@@ -49,8 +49,9 @@ const EquipmentCard = memo(function EquipmentCard(props: EquipmentCardProps) {
     <Card
       sx={{
         width: props.isMobile ? "350px" : "600px",
-        backgroundColor: props.equipment.archived ? theme.palette.error.light : undefined,
         height: "100%",
+        boxSizing: "border-box",
+        border: props.equipment.archived ? `5px solid ${theme.palette.error.main}` : undefined
       }}
     >
       <CardContent sx={{ width: "100%", height: "100%" }}>