diff --git a/appview/pages/templates/repo/issues/issues.html b/appview/pages/templates/repo/issues/issues.html
--- a/appview/pages/templates/repo/issues/issues.html
+++ b/appview/pages/templates/repo/issues/issues.html
@@ -33,11 +33,11 @@ <input type="hidden" name="state" value="{{ if .FilteringByOpen }}open{{ else }}closed{{ end }}">
       <div class="flex-1 flex relative">
         <input
           id="search-q"
-          class="flex-1 py-1 pl-2 pr-10 mr-[-1px] rounded-r-none focus:border-0 focus:outline-none focus:ring focus:ring-blue-400 ring-inset peer"
+          class="flex-1 py-1 pl-2 pr-10 mr-[-1px] rounded-r-none peer"
           type="text"
           name="q"
           value="{{ .FilterQuery }}"
-          placeholder=" "
+          placeholder="search issues..."
         >
         <a
           href="?state={{ if .FilteringByOpen }}open{{ else }}closed{{ end }}"
@@ -48,7 +48,7 @@ </a>
       </div>
       <button
         type="submit"
-        class="p-2 text-gray-400 border rounded-r border-gray-400 dark:border-gray-600"
+        class="p-2 text-gray-400 border rounded-r border-gray-300 dark:border-gray-600"
       >
         {{ i "search" "w-4 h-4" }}
       </button>
diff --git a/appview/pages/templates/repo/pulls/pulls.html b/appview/pages/templates/repo/pulls/pulls.html
--- a/appview/pages/templates/repo/pulls/pulls.html
+++ b/appview/pages/templates/repo/pulls/pulls.html
@@ -39,11 +39,11 @@ <input type="hidden" name="state" value="{{ .FilteringBy.String }}">
       <div class="flex-1 flex relative">
         <input
           id="search-q"
-          class="flex-1 py-1 pl-2 pr-10 mr-[-1px] rounded-r-none focus:border-0 focus:outline-none focus:ring focus:ring-blue-400 ring-inset peer"
+          class="flex-1 py-1 pl-2 pr-10 mr-[-1px] rounded-r-none peer"
           type="text"
           name="q"
           value="{{ .FilterQuery }}"
-          placeholder=" "
+          placeholder="search pulls..."
         >
         <a
           href="?state={{ .FilteringBy.String }}"
@@ -54,7 +54,7 @@ </a>
       </div>
       <button
         type="submit"
-        class="p-2 text-gray-400 border rounded-r border-gray-400 dark:border-gray-600"
+        class="p-2 text-gray-400 border rounded-r border-gray-300 dark:border-gray-600"
       >
         {{ i "search" "w-4 h-4" }}
       </button>
diff --git a/input.css b/input.css
--- a/input.css
+++ b/input.css
@@ -92,11 +92,12 @@
         label {
             @apply block text-gray-900 text-sm font-bold py-2 uppercase dark:text-gray-100;
         }
-        input {
-            @apply p-3 border border-gray-100 block rounded bg-gray-50 focus:outline-none focus:ring-1 focus:ring-gray-200 p-3 dark:bg-gray-800 dark:border-gray-600 dark:text-white dark:focus:ring-gray-400;;
-        }
-        textarea {
-            @apply border border-gray-100 block rounded bg-gray-50 focus:outline-none focus:ring-1 focus:ring-gray-200 p-3 dark:bg-gray-800 dark:border-gray-600 dark:text-white dark:focus:ring-gray-400;
+        input, textarea {
+            @apply
+            block rounded p-3
+            bg-gray-50 dark:bg-gray-800 dark:text-white
+            border border-gray-300 dark:border-gray-600
+            focus:outline-none focus:ring-1 focus:ring-gray-400 dark:focus:ring-gray-500;
         }
         details summary::-webkit-details-marker {
             display: none;