diff --git a/web/routes/temas/tema/+page.svelte b/web/routes/temas/tema/+page.svelte
index 39b23e4cd..623899710 100644
--- a/web/routes/temas/tema/+page.svelte
+++ b/web/routes/temas/tema/+page.svelte
@@ -271,7 +271,9 @@
 						<button class="tp-btn tp-btn-ghost" data-shape={family}>Cola</button>
 						<label class="tp-switch">
 							<input type="checkbox" bind:checked={toggleOn} />
-							<span class="tp-switch-track" data-shape={family}><span class="tp-switch-thumb"></span></span>
+							<!-- the track is a pill (radius 999): shape families would bevel/scoop it into an
+							     angular blob, so it stays rounded — same rule as the circular avatar/thumb. -->
+							<span class="tp-switch-track"><span class="tp-switch-thumb"></span></span>
 							<span class="tp-switch-label">Crossfade</span>
 						</label>
 					</div>