diff --git a/view/templates/parts/filters.html b/view/templates/parts/filters.html
index db3da2b..70c12bb 100644
--- a/view/templates/parts/filters.html
+++ b/view/templates/parts/filters.html
@@ -25,19 +25,17 @@
 				</svg>
 			</button>
 
-			<button type="button" class="button-outline button-md" @click="document.querySelector('#feeds-dialog').showModal()">
+			<button type="button" class="button-outline button-md" @click="$refs.feedsDialog.showModal()">
 				<svg class="w-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M10 14L4 5V3H20V5L14 14V20L10 22V14Z"></path></svg>
 				Feeds
 			</button>
 
-			<dialog id="feeds-dialog" hx-boost="false" class="dialog">
+			<dialog hx-boost="false" class="dialog" x-ref="feedsDialog">
 				<header class="flex justify-between mb-6 items-center">
 					<p>Filter by feed</p>
-					<form method="dialog">
-						<button class="button-outline button-md">
-							✕
-						</button>
-					</form>
+					<button formmethod="dialog" class="button-outline button-md" @click="$refs.feedsDialog.close()">
+						✕
+					</button>
 				</header>
 
 				<div class="columns-2 mb-6">