diff --git a/src/components/cards/SiteCard.vue b/src/components/cards/SiteCard.vue
index 4710f31d..19a1c1a6 100644
--- a/src/components/cards/SiteCard.vue
+++ b/src/components/cards/SiteCard.vue
@@ -150,7 +150,7 @@ onMounted(() => {
   <VCard
     :height="cardProps.height"
     :width="cardProps.width"
-    :flat="!cardProps.site?.is_active"
+    :variant="cardProps.site?.is_active ? 'elevated' : 'tonal'"
     class="overflow-hidden"
     @click="siteEditDialog = true"
   >