diff --git a/src/crystaldoc/db.cr b/src/crystaldoc/db.cr
index a0e995a..e326b94 100644
--- a/src/crystaldoc/db.cr
+++ b/src/crystaldoc/db.cr
@@ -151,7 +151,7 @@ module CrystalDoc
 
     def versions_to_json
       {
-        "versions" => versions.map do |version|
+        "versions" => versions.reverse.map do |version|
           {
             "name"     => "#{version.commit_id}",
             "url"      => "#{path}/#{version.commit_id}/",
diff --git a/src/views/sidebar.ecr b/src/views/sidebar.ecr
index a277764..140931c 100644
--- a/src/views/sidebar.ecr
+++ b/src/views/sidebar.ecr
@@ -5,6 +5,10 @@
 </label>
 <div class="sidebar">
   <div class="sidebar-header">
+    <div class="search-box">
+      <input type="search" class="search-input" placeholder="Search..." spellcheck="false" aria-label="Search">
+    </div>
+
     <div class="project-summary">
       <h1 class="project-name">
         <a href="/">
@@ -12,10 +16,6 @@
         </a>
       </h1>
     </div>
-
-    <div class="search-box">
-      <input type="search" class="search-input" placeholder="Search..." spellcheck="false" aria-label="Search">
-    </div>
   </div>
 
   <div class="search-results hidden">