diff --git a/appview/pages/templates/repo/index.html b/appview/pages/templates/repo/index.html
index 0d682d4e..828e5656 100644
--- a/appview/pages/templates/repo/index.html
+++ b/appview/pages/templates/repo/index.html
@@ -88,7 +88,7 @@
     <div class="flex gap-2 items-stretch">
       <select
           onchange="window.location.href = '/{{ .RepoInfo.FullName }}/tree/' + encodeURIComponent(this.value)"
-          class="p-1 border max-w-32 border-gray-200 bg-white dark:bg-gray-800 dark:text-white dark:border-gray-700"
+          class="max-w-32 sm:max-w-64"
       >
           <optgroup label="Branches ({{len .Branches}})" class="bold text-sm">
               {{ range .Branches }}
diff --git a/input.css b/input.css
index fe4cead8..2dc59ace 100644
--- a/input.css
+++ b/input.css
@@ -97,8 +97,8 @@
         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
+            bg-white dark:bg-gray-800 dark:text-white
+            border border-gray-200 dark:border-gray-600
             focus:outline-none focus:ring-1 focus:ring-gray-400 dark:focus:ring-gray-500;
         }
 
@@ -189,6 +189,15 @@
             }
         }
 
+        select {
+            @apply flex items-center rounded p-2 h-[32px]
+            border border-gray-200 
+            bg-white
+            dark:text-white 
+            dark:bg-gray-800 dark:border-gray-700 
+            ;
+        }
+
         details summary::-webkit-details-marker {
             display: none;
         }