diff --git a/src/routes/daily/+page.svelte b/src/routes/daily/+page.svelte
index 89bea86..14497e0 100644
--- a/src/routes/daily/+page.svelte
+++ b/src/routes/daily/+page.svelte
@@ -512,6 +512,11 @@
 									<p class="text-xs font-semibold uppercase tracking-wider text-amber-100">Affiliations</p>
 								</div>
 								{/if}
+								{#if columnVisibility.devilFruitType !== false}
+								<div class="w-24 shrink-0 rounded-lg border border-amber-200/30 bg-amber-900/30 p-2 text-center flex items-center justify-center">
+									<p class="text-xs font-semibold uppercase tracking-wider text-amber-100">Fruit</p>
+								</div>
+								{/if}
 								{#if columnVisibility.haki !== false}
 								<div class="w-24 shrink-0 rounded-lg border border-amber-200/30 bg-amber-900/30 p-2 text-center flex items-center justify-center">
 									<p class="text-xs font-semibold uppercase tracking-wider text-amber-100">Haki</p>
@@ -537,11 +542,6 @@
 									<p class="text-xs font-semibold uppercase tracking-wider text-amber-100">Arc</p>
 								</div>
 								{/if}
-								{#if columnVisibility.devilFruitType !== false}
-								<div class="w-24 shrink-0 rounded-lg border border-amber-200/30 bg-amber-900/30 p-2 text-center flex items-center justify-center">
-									<p class="text-xs font-semibold uppercase tracking-wider text-amber-100">Fruit</p>
-								</div>
-								{/if}
 							</div>
 
 							<!-- Rows -->
@@ -619,6 +619,17 @@
 									</div>
 									{/if}
 
+									<!-- Fruit -->
+									{#if columnVisibility.devilFruitType !== false}
+									<div class="w-24 h-24 shrink-0 rounded-lg border border-white/10 {character.devilFruitType === dailyCharacter.devilFruitType ? 'bg-emerald-600/90' : 'bg-red-900/60'} p-2 flex items-center justify-center">
+									{#if character.devilFruitType}
+										<p class="text-sm font-bold text-white text-center">{character.devilFruitType}</p>
+									{:else}
+										<p class="text-5xl font-bold text-white text-center">✕</p>
+									{/if}
+									</div>
+									{/if}
+
 									<!-- Haki -->
 									{#if columnVisibility.haki !== false}
 									<div class="w-24 h-24 shrink-0 rounded-lg border border-white/10 {(() => {
@@ -702,17 +713,6 @@
 										<p class="text-sm font-bold text-white text-center relative z-10">{character.arcName || 'Inconnu'}</p>
 									</div>
 									{/if}
-
-									<!-- Fruit -->
-									{#if columnVisibility.devilFruitType !== false}
-									<div class="w-24 h-24 shrink-0 rounded-lg border border-white/10 {character.devilFruitType === dailyCharacter.devilFruitType ? 'bg-emerald-600/90' : 'bg-red-900/60'} p-2 flex items-center justify-center">
-									{#if character.devilFruitType}
-										<p class="text-sm font-bold text-white text-center">{character.devilFruitType}</p>
-									{:else}
-										<p class="text-5xl font-bold text-white text-center">✕</p>
-									{/if}
-									</div>
-									{/if}
 								</div>
 							{/each}
 						</div>