diff --git a/themes/nluug/assets/scss/styles_search.scss b/themes/nluug/assets/scss/styles_search.scss
new file mode 100644
index 0000000..418812f
--- /dev/null
+++ b/themes/nluug/assets/scss/styles_search.scss
@@ -0,0 +1,6 @@
+form.search input {
+  border-radius: 10px;
+  border: 3px solid darkgray;
+  font-size: 1.2em;
+  padding: 15px 20px;
+}
diff --git a/themes/nluug/layouts/partials/search-form.html b/themes/nluug/layouts/partials/search-form.html
index 2959d9b..fc18586 100644
--- a/themes/nluug/layouts/partials/search-form.html
+++ b/themes/nluug/layouts/partials/search-form.html
@@ -1,4 +1,3 @@
-<form action="/zoeken/" method="GET">
-    🔍 <input type="search" name="q" id="search-query" placeholder="Zoekterm..">
-    <button type="submit">Zoek</button>
+<form class="search" action="/zoeken/" method="GET">
+    <input type="search" name="q" id="search-query" placeholder="Zoekterm..." autofocus minlength="2" maxlength="32" pattern="[a-zA-Z0-9._%+-]{2,}$">
 </form>