diff --git a/app/src/main/kotlin/views/components/NoteListHeader.kt b/app/src/main/kotlin/views/components/NoteListHeader.kt
index 92be0fb..cf8c96a 100644
--- a/app/src/main/kotlin/views/components/NoteListHeader.kt
+++ b/app/src/main/kotlin/views/components/NoteListHeader.kt
@@ -18,16 +18,19 @@ fun DIV.noteListHeader(numberOfDeletedNotes: Int, query: String = "") {
             ) { +"New" }
         }
     }
-    form(method = post, classes = "mb-4") {
+    form(method = post, classes = "mb-4 flex space-x-2") {
         val colors = "bg-gray-800 border-gray-700 focus:border-teal-500 text-white"
         input(
             name = "search",
-            classes = "$colors rounded w-3/4 border appearance-none focus:outline-none text-base p-2"
+            classes = "$colors rounded w-2/3 border appearance-none focus:outline-none text-base flex-1 p-2"
         ) {
             attributes["value"] = query
         }
-        button(type = submit, classes = "btn btn-green w-1/4") {
+        button(type = submit, classes = "btn btn-green") {
             +"search"
         }
+        a(href = "/notes", classes = "btn btn-red inline-block text-center") {
+            +"clear"
+        }
     }
 }