diff --git a/swh/web/ui/static/css/style.css b/swh/web/ui/static/css/style.css
index 08fc452b..0d1effe4 100644
--- a/swh/web/ui/static/css/style.css
+++ b/swh/web/ui/static/css/style.css
@@ -1,69 +1,74 @@
 /*
 version:   0.1
 date:      21/09/15
 author:    swh
 email:     swh
 website:   softwareheritage.org
 version history: /style.css
 */
 
 body            { font-family: sans-serif; background: #eee; }
 a, h1, h2       { color: #377ba8; }
 h1, h2          { font-family: 'Georgia', serif; margin: 0; }
 h1              { border-bottom: 2px solid #eee; }
 h2              { font-size: 1.2em; }
 
 .page           { margin: 2em auto; width: 35em; border: 5px solid #ccc;
                   padding: 0.8em; background: white; }
 .entries        { list-style: none; margin: 0; padding: 0; }
 .entries li     { margin: 0.8em 1.2em; }
 .entries li h2  { margin-left: -1em; }
 .add-entry      { font-size: 0.9em; border-bottom: 1px solid #ccc; }
 .add-entry dl   { font-weight: bold; }
 .metanav        { text-align: right; font-size: 0.8em; padding: 0.3em;
                   margin-bottom: 1em; background: #fafafa; }
 .flash          { background: #cee5F5; padding: 0.5em;
                   border: 1px solid #aacbe2; }
 .error          { background: #f0d6d6; padding: 0.5em; }
 
 .file-found     { color: #23BA49; }
 .file-notfound  { color: #FF4747; }
 
 /* Bootstrap custom styling to correctly render multiple
  * form-controls in an input-group:
  *                github.com/twbs/bootstrap/issues/12732 */
 
 .input-group-field {
     display: table-cell;
     vertical-align: middle;
     border-radius:4px;
     min-width:1%;
     white-space: nowrap;
 }
 
 .input-group-field .form-control {
     border-radius: inherit !important;
 }
 
 .input-group-field:not(:first-child):not(:last-child) {
     border-radius:0;
 }
 
 .input-group-field:not(:first-child):not(:last-child) .form-control {
     border-left-width: 0;
     border-right-width: 0;
 }
 
 .input-group-field:last-child {
     border-top-left-radius:0;
     border-bottom-left-radius:0;
 }
 
 .input-group > span:not(:last-child) > button {
    border-radius: 0;
 }
 
 .multi-input-group > .input-group-btn {
   vertical-align: bottom;
   padding: 0;
 }
+
+.dataTables_filter input {
+    width: 75%;
+    float: right;
+}
diff --git a/swh/web/ui/templates/symbols.html b/swh/web/ui/templates/symbols.html
index 6c9d579a..390be33b 100644
--- a/swh/web/ui/templates/symbols.html
+++ b/swh/web/ui/templates/symbols.html
@@ -1,81 +1,83 @@
 {% extends "layout.html" %}
 {% block title %}Search SWH{% endblock %}
 {% block content %}
 
 <div class="container">
   <!-- Include the predefined search form-->
   {% include 'includes/home-search-symbol.html' %}
 
   {% if result is not none and result|length > 0 %}
   <br />
   <h2>Result for '{{ q | truncate(50) }}'</h2>
   <br />
   <div class="table-responsive">
     <table class="display swhtable" cellspacing="0" width="100%">
       <thead>
         <tr>
           <th>content</th>
           <th>kind</th>
           <th>language</th>
         </tr>
       </thead>
       <tfoot>
         <tr>
           <th>content</th>
           <th>kind</th>
           <th>language</th>
         </tr>
       </tfoot>
       <tbody>
       {% for res in result %}
         <tr>
           <td><a href="{{ ('%s#l-%s' % (res['content_url'], res['line'])) }}">{{ res['sha1'] }}</a></td>
           <td>{{ res['kind'] }}</td>
           <td>{{ res['lang'] }}</td>
         </tr>
       {% endfor %}
       </tbody>
     </table>
 
   {% if linknext is not none and linknext != '' %}
     <br />
     <span><a href="{{ linknext }}">Next</a></span>
   {% endif %}
 
   {% endif %}
   {% if message is not none and message != '' %}
   <div class="span8">{{ message | safe }}</div>
   {% endif %}
 
   {% if result is not none and result|length == 0 %}
   No result for '{{ q | truncate(50) }}'.
   {% endif %}
 </div>
 
 <script type="text/javascript">
   $(document).ready(function() {
+      // Apply same style to every input of the page
       // Setup - add a text input to each footer cell
       $('table.swhtable tfoot th').each(function () {
           var title = $(this).text();
-          $(this).html('<input type="text" placeholder="Search '+title+'" />');
+          $(this).html('<input type="text" placeholder="Search '+title+'" class="form-control" />');
       });
 
       // DataTable
       var table = $('table.swhtable').DataTable({
-          "paging": false
+          "paging": false,
       });
+      $(".dataTables_filter input").addClass("form-control")
 
       // Apply the search
       table.columns().every(function () {
           var that = this;
 
           $('input', this.footer()).on('keyup change', function () {
               if (that.search() !== this.value) {
                   that.search(this.value).draw();
               }
           });
       });
   });
 </script>
 
 {% endblock %}