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>