diff --git a/web/templates/anime.templ b/web/templates/anime.templ
index 0ef939c..de39014 100644
--- a/web/templates/anime.templ
+++ b/web/templates/anime.templ
@@ -15,7 +15,7 @@ import (
 templ AnimeDetails(anime jikan.Anime, currentStatus string, nextEpisode int) {
 	@layout.Layout("mal - " + anime.DisplayTitle(), true) {
 		<div class="grid items-start gap-5 xl:grid-cols-[minmax(0,1fr)_300px]">
-			<div class="grid min-w-0 gap-8">
+			<div class="order-2 grid min-w-0 gap-8 xl:order-1">
 				<div class="grid gap-5 lg:grid-cols-[220px_minmax(0,1fr)]">
 					<div class="w-56">
 						if anime.ImageURL() != "" {
@@ -74,7 +74,7 @@ templ AnimeDetails(anime jikan.Anime, currentStatus string, nextEpisode int) {
 					</div>
 				</section>
 			</div>
-			<aside class="sticky top-20 grid gap-4 bg-(--panel) p-3 max-xl:static">
+			<aside class="order-1 grid gap-4 bg-(--panel) p-3 max-xl:static xl:order-2">
 				<div class="grid gap-3">
 					<h3 class="mb-2 text-base font-semibold tracking-wide text-(--text)">Details</h3>
 					if anime.Aired.String != "" {