diff --git a/template-components/cards/card-news.css b/template-components/cards/card-news.css
index 1dbd976..0bc94a9 100644
--- a/template-components/cards/card-news.css
+++ b/template-components/cards/card-news.css
@@ -46,6 +46,10 @@
     rounded-xl
     mb-4;
   }
+  &__tag,
+  &__thematique-tag {
+    order: -1;
+  }
 
   &__title {
     @apply !text-lg font-bold  text-secondary mb-1;
diff --git a/template-components/cards/card-news.php b/template-components/cards/card-news.php
index dca67b9..0756433 100644
--- a/template-components/cards/card-news.php
+++ b/template-components/cards/card-news.php
@@ -14,13 +14,13 @@ $mainThematique = getMainThematique($thematique) ?? null;
 	<?php echo $post_thumbnail ?>
 	<div class="card-news__inner">
 		<div class="card-news__heading">
+			<h3 class="card-news__title"><?php echo $post_title ?></h3>
 			<?php if ($news_type) : ?>
 				<p class="card-news__tag"><?php echo $news_type[0]->name ?></p>
 			<?php endif; ?>
 			<?php if ($thematique) : ?>
 				<p class="card-news__thematique-tag card-news__thematique-tag--<?php echo $mainThematique->slug ?>"><?php echo $thematique->name ?></p>
 			<?php endif; ?>
-			<h3 class="card-news__title"><?php echo $post_title ?></h3>
 			<?php if ($post_date) : ?>
 				<p class="card-news__post-date card-news__post-date"><?php echo $post_date ?></p>
 			<?php endif; ?>