diff --git a/src/app.tsx b/src/app.tsx
index 55418c7..86ec523 100644
--- a/src/app.tsx
+++ b/src/app.tsx
@@ -18,7 +18,7 @@ const persister = createSyncStoragePersister({
 
 export default function App() {
   return (
-    <div className="h-screen relative flex flex-col">
+    <div className="h-svh relative flex flex-col">
       <main className="flex-1 min-h-0">
         <div className="flex-1 h-full min-h-0 overflow-hidden flex flex-col items-center p-4 pt-8">
           <div className="w-full max-w-4xl overflow-y-hidden flex flex-col px-0.5">
diff --git a/src/components/search.tsx b/src/components/search.tsx
index 7b491a6..a6ee141 100644
--- a/src/components/search.tsx
+++ b/src/components/search.tsx
@@ -138,7 +138,7 @@ export const Search = () => {
               type="text"
               value={query}
               onChange={(e) => {
-                setActiveIndex(e.target.value.length ? -1 : 0);
+                setActiveIndex(e.target.value.length ? 0 : -1);
                 setQuery(e.target.value);
               }}
               placeholder={