diff --git a/src/lib/components/collection/CollectionArtifactCard.svelte b/src/lib/components/collection/CollectionArtifactCard.svelte index 1f07ae41..e0ef463e 100644 --- a/src/lib/components/collection/CollectionArtifactCard.svelte +++ b/src/lib/components/collection/CollectionArtifactCard.svelte @@ -58,7 +58,6 @@ flex-direction: column; align-items: center; gap: $unit-half; - width: 139px; padding: 0; border: none; background: transparent; @@ -77,6 +76,8 @@ } .card-image { + display: flex; + justify-content: center; position: relative; width: 100%; aspect-ratio: 1 / 1; diff --git a/src/routes/(app)/[username]/collection/artifacts/+page.svelte b/src/routes/(app)/[username]/collection/artifacts/+page.svelte index 4ae72868..88e23071 100644 --- a/src/routes/(app)/[username]/collection/artifacts/+page.svelte +++ b/src/routes/(app)/[username]/collection/artifacts/+page.svelte @@ -326,6 +326,9 @@ justify-content: space-between; align-items: center; gap: $unit-2x; + padding: $unit; + background: var(--placeholder-bg); + border-radius: $item-corner; } .filter-group {