diff --git a/backend/templates/tablos.templ b/backend/templates/tablos.templ
index df83dd9..8a58187 100644
--- a/backend/templates/tablos.templ
+++ b/backend/templates/tablos.templ
@@ -46,9 +46,8 @@ templ TablosDashboard(user *auth.User, csrfToken string, activePath string, tabl
 					<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polygon points="22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3"></polygon></svg>
 					Tous
 				</button>
-				<button type="button" class="filter-tab" data-filter-btn="pas-commence" onclick="filterTablos('pas-commence')">Pas commencé</button>
-				<button type="button" class="filter-tab" data-filter-btn="en-cours" onclick="filterTablos('en-cours')">En cours</button>
-				<button type="button" class="filter-tab" data-filter-btn="termine" onclick="filterTablos('termine')">Terminé</button>
+				<button type="button" class="filter-tab" data-filter-btn="active" onclick="filterTablos('active')">Actif</button>
+				<button type="button" class="filter-tab" data-filter-btn="archived" onclick="filterTablos('archived')">Archivé</button>
 			</div>
 			<!-- Card/list grid -->
 			<div id="tablos-list" class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4 sm:gap-6" data-view="grid">
@@ -121,7 +120,7 @@ templ TabloProjectCard(card TabloCardView, csrfToken string) {
 	<article
 		id={ "tablo-" + card.Tablo.ID.String() }
 		class="tablo-card-wrapper"
-		data-display-status={ tabloDisplayStatus(card.Progress, card.TotalTasks) }
+		data-display-status={ card.Tablo.Status }
 		data-href={ "/tablos/" + card.Tablo.ID.String() }
 	>
 		<!-- Card view (default: visible in grid layout) -->