diff --git a/assets/scripts/pages/search.js b/assets/scripts/pages/search.js
index c7b7b73..1d55914 100644
--- a/assets/scripts/pages/search.js
+++ b/assets/scripts/pages/search.js
@@ -26,7 +26,7 @@ window.addEventListener('DOMContentLoaded', () => {
 
   const searchQuery = param('keyword')
   if (searchQuery) {
-    document.getElementById('search-query').value = searchQuery
+    document.getElementById('search-box').value = searchQuery
     executeSearch(searchQuery)
   } else {
     const node = document.createElement('p')
diff --git a/assets/styles/layouts/list.scss b/assets/styles/layouts/list.scss
index bb24e8a..8ee9f63 100644
--- a/assets/styles/layouts/list.scss
+++ b/assets/styles/layouts/list.scss
@@ -1,7 +1,7 @@
 // in Hugo, Page kind can be either "section" or "page".
 // if it is section, then it's a page with a list of items, for example /posts
 // if it is page, then it is a single page.
-body.kind-section, body.kind-term {
+body.kind-section, body.kind-term, body.kind-page{
   .wrapper {
     display: flex;
     padding: 0;