From edf9ebe86aa7137eeb043aabcb036419c28c4ffa Mon Sep 17 00:00:00 2001
From: Himadri Bhattacharjee <107522312+lavafroth@users.noreply.github.com>
Date: Sat, 25 Oct 2025 19:10:31 +0530
Subject: [PATCH] feat: html has a search tag

---
 themes/paprika/assets/app.css             | 2 +-
 themes/paprika/layouts/_default/list.html | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/themes/paprika/assets/app.css b/themes/paprika/assets/app.css
index d4927efb..d098ac35 100644
--- a/themes/paprika/assets/app.css
+++ b/themes/paprika/assets/app.css
@@ -58,7 +58,7 @@ html {
   font-size: 8px;
 }
 
-#search {
+search {
   margin-bottom: var(--gap);
   button {
     background: transparent;
diff --git a/themes/paprika/layouts/_default/list.html b/themes/paprika/layouts/_default/list.html
index c88abe97..c352cba8 100644
--- a/themes/paprika/layouts/_default/list.html
+++ b/themes/paprika/layouts/_default/list.html
@@ -7,10 +7,10 @@
 
 <link href="/pagefind/pagefind-ui.css" rel="stylesheet">
 <script src="/pagefind/pagefind-ui.js" type="text/javascript"></script>
-<div id="search"></div>
+<search></search>
 <script>
     window.addEventListener('DOMContentLoaded', (event) => {
-        new PagefindUI({ element: "#search" });
+        new PagefindUI({ element: "search" });
     });
 </script>