diff --git a/views/branch_menu.twig b/views/branch_menu.twig
index 2809ab2..c627d1d 100644
--- a/views/branch_menu.twig
+++ b/views/branch_menu.twig
@@ -1,15 +1,21 @@
-<div class="btn-group pull-left space-right">
+<div class="btn-group pull-left space-right" id="branchList">
     <button class="btn dropdown-toggle" data-toggle="dropdown">browsing: <strong>{{ branch }}</strong> <span class="caret"></span></button>
-    <ul class="dropdown-menu">
+
+    <div class="dropdown-menu">
+        <div class="search">
+            <input class="search" placeholder="Filter branch/tags" autofocus>
+        </div>
+    <ul class="unstyled list">
     <li class="dropdown-header">Branches</li>
     {% for item in branches %}
-        <li><a href="{{ path('branch', {repo: repo, branch: item}) }}">{{ item }}</a></li>
+        <li><a href="{{ path('branch', {repo: repo, branch: item}) }}"><span class="item">{{ item }}</span></a></li>
     {% endfor %}
     {% if tags %}
     <li class="dropdown-header">Tags</li>
     {% for item in tags %}
-        <li><a href="{{ path('branch', {repo: repo, branch: item}) }}">{{ item }}</a></li>
+        <li><a href="{{ path('branch', {repo: repo, branch: item}) }}"><span class="item">{{ item }}</span></a></li>
     {% endfor %}
     {% endif %}
     </ul>
+    </div>
 </div>
\ No newline at end of file
diff --git a/web/js/main.js b/web/js/main.js
index c11a1d6..c522140 100755
--- a/web/js/main.js
+++ b/web/js/main.js
@@ -42,7 +42,16 @@ $(function () {
     paginate();
 });
 
-var listOptions = {
-    valueNames: ['name']
-};
-var repoList = new List('repositories', listOptions);
+if ($('#repositories').length) {
+    var listOptions = {
+        valueNames: ['name']
+    };
+    var repoList = new List('repositories', listOptions);
+}
+
+if ($('#branchList').length) {
+    var listBranchOptions = {
+        valueNames: ['item']
+    };
+    var repoList = new List('branchList', listBranchOptions);
+}
\ No newline at end of file