diff --git a/themes/plog/components/SearchNavBar.js b/themes/plog/components/SearchNavBar.js
index 79557cff..c5f1ad84 100644
--- a/themes/plog/components/SearchNavBar.js
+++ b/themes/plog/components/SearchNavBar.js
@@ -7,11 +7,13 @@ import Tags from './Tags'
  * @returns
  */
 export default function SearchNavBar(props) {
-  return (<>
-    <div className='pb-12'>
-        <SearchInput {...props} />
-    </div>
+  return (
+        <div className='max-w-7xl w-full mx-auto'>
+            <div className='py-12'>
+                <SearchInput {...props} />
+            </div>
 
-    <Tags {...props}/>
-    </>)
+            <Tags {...props} />
+        </div>
+  )
 }
diff --git a/themes/plog/index.js b/themes/plog/index.js
index de266773..bf6570cc 100644
--- a/themes/plog/index.js
+++ b/themes/plog/index.js
@@ -147,7 +147,7 @@ const LayoutSearch = props => {
     }, 100)
   }, [router.events])
 
-  return <LayoutPostList {...props} slotTop={<SearchNavBar {...props} />} />
+  return <LayoutPostList {...props} topSlot={<SearchNavBar {...props} />} />
 }
 
 /**