diff --git a/kallithea/public/css/style.css b/kallithea/public/css/style.css
--- a/kallithea/public/css/style.css
+++ b/kallithea/public/css/style.css
@@ -2409,68 +2409,6 @@ div.panel-body #files_data .revision-lin
     text-decoration: none;
     color: inherit;
 }
-div.browserblock {
-    overflow: hidden;
-    border: 1px solid #ccc;
-    background: #f8f8f8;
-    font-size: 100%;
-    line-height: 125%;
-    padding: 0;
-    border-radius: 6px 6px 0px 0px;
-}
-
-div.browserblock .browser-header {
-    background: #FFF;
-    padding: 10px 0px 15px 0px;
-    width: 100%;
-}
-
-div.browserblock .browser-nav {
-    float: left
-}
-
-div.browserblock .browser-branch {
-    float: left;
-}
-
-div.browserblock .browser-branch label {
-    color: #4A4A4A;
-    vertical-align: text-top;
-    padding-right: 2px;
-}
-
-div.browserblock .browser-header span {
-    margin-left: 5px;
-    font-weight: 700;
-}
-
-div.browserblock .browser-search {
-    clear: both;
-    padding: 8px 8px 0px 5px;
-    height: 20px;
-}
-
-div.browserblock #node_filter_box {
-}
-
-div.browserblock .search_activate {
-    float: left
-}
-
-div.browserblock .add_node {
-    float: left;
-    padding-left: 5px;
-}
-
-div.browserblock .search_activate a:hover,
-div.browserblock .add_node a:hover {
-    text-decoration: none !important;
-}
-
-div.browserblock .browser-body {
-    background: #EEE;
-    border-top: 1px solid #CCC;
-}
 
 table.code-browser {
     border-collapse: collapse;
diff --git a/kallithea/templates/files/files.html b/kallithea/templates/files/files.html
--- a/kallithea/templates/files/files.html
+++ b/kallithea/templates/files/files.html
@@ -246,7 +246,7 @@ $(document).ready(function(){
         var selected = e.currentTarget.options[e.currentTarget.selectedIndex].value;
         if(selected && selected != ${h.js(c.changeset.raw_id)}){
             window.location = pyroutes.url('files_home', {'repo_name': ${h.js(h.safe_unicode(c.repo_name))}, 'revision': selected, 'f_path': ${h.js(h.safe_unicode(c.file.path))}});
-            $("#body.browserblock").hide();
+            $("#body").hide();
         } else {
             $("#branch_selector").val(${h.js(c.changeset.raw_id)});
         }
diff --git a/kallithea/templates/files/files_browser.html b/kallithea/templates/files/files_browser.html
--- a/kallithea/templates/files/files_browser.html
+++ b/kallithea/templates/files/files_browser.html
@@ -24,38 +24,38 @@
     %>
     <%return h.literal('<i class="%s"></i><span>%s</span>' % (c, h.escape(node.name)))%>
 </%def>
-<div id="body" class="browserblock">
-    <div class="browser-header">
-        <div class="browser-nav">
+<div id="body" class="panel panel-default">
+    <div class="panel-heading clearfix">
+        <div class="browser-nav form-inline pull-left">
             ${h.form(h.url.current())}
             <div class="info_box">
               <div class="info_box_elem rev">${_('Revision')}</div>
               <div class="info_box_elem"><a class="btn btn-default btn-xs ypjax-link" href="${c.url_prev}" title="${_('Previous revision')}"><i class="icon-left-open"></i></a></div>
-              <div class="info_box_elem">${h.text('at_rev',value=c.changeset.revision,size=5)}</div>
+              <div class="info_box_elem">${h.text('at_rev',value=c.changeset.revision,size=5,class_='form-control input-sm')}</div>
               <div class="info_box_elem"><a class="btn btn-default btn-xs ypjax-link" href="${c.url_next}" title="${_('Next revision')}"><i class="icon-right-open"></i></a></div>
             </div>
             ${h.end_form()}
         </div>
-        <div class="browser-branch">
+        <div class="browser-branch form-inline pull-left">
             <label>
-                ${h.checkbox('stay_at_branch',c.changeset.branch,c.changeset.branch==c.branch)}
+                ${h.checkbox('stay_at_branch',c.changeset.branch,c.changeset.branch==c.branch,class_="form-control")}
                 ${_('Follow current branch')}
             </label>
         </div>
-        <div id="search_activate_id" class="search_activate">
+        <div id="search_activate_id" class="search_activate pull-left">
             <a class="btn btn-default btn-xs" id="filter_activate" href="#">${_('Search File List')}</a>
         </div>
-        <div class="browser-search">
+        <div class="browser-search form-inline pull-left">
             <div>
                 <div id="node_filter_box_loading" style="display:none">${_('Loading file list...')}</div>
                 <div id="node_filter_box" style="display:none">
-                ${h.files_breadcrumbs(c.repo_name,c.changeset.raw_id,c.file.path)}/<input class="init" type="text" value="type to search..." name="filter" size="25" id="node_filter">
+                ${h.files_breadcrumbs(c.repo_name,c.changeset.raw_id,c.file.path)}/<input class="init form-control" type="text" value="type to search..." name="filter" size="25" id="node_filter">
                 </div>
             </div>
         </div>
     </div>
 
-    <div>
+    <div class="panel-body">
         <table class="table code-browser">
             <thead>
                 <tr>