diff --git a/smash/web/templates/subjects/index.html b/smash/web/templates/subjects/index.html
index 12d07d7ea562ec21a63a34b7ef14e4c1bad95cf0..2b52622dfe6d5e1841bbb89ea2c2390e28c7f803 100644
--- a/smash/web/templates/subjects/index.html
+++ b/smash/web/templates/subjects/index.html
@@ -86,16 +86,16 @@
     <script>
         $('#table tfoot div[name="string_filter"]').each(function () {
             var title = $(this).text();
-            $(this).html('<input type="text" placeholder="Search ' + title + '" />');
+            $(this).html('<input type="text" style="width:80px" placeholder="' + title + '" />');
         });
 
         $('#table tfoot div[name="yes_no_filter"]').each(function () {
-            $(this).html('<select ><option value selected="selected">----------</option><option value="true">YES</option><option value="false">NO</option></select>');
+            $(this).html('<select style="width:60px" ><option value selected="selected">---</option><option value="true">YES</option><option value="false">NO</option></select>');
         });
 
         $('#table tfoot div[name="location_filter"]').each(function () {
             var obj = $(this)
-            obj.html('<select ><option value selected="selected">----------</option></select>');
+            obj.html('<select style="width:80px"><option value selected="selected">---</option></select>');
             $.get("{% url 'web.api.locations' %}", function (data) {
                 $.each(data.locations, function (index, location) {
                     $('select', obj).append('<option value="' + location.id + '">' + location.name + '</option>');
@@ -107,7 +107,6 @@
             var table = $('#table').DataTable({
                 serverSide: true,
                 processing: true,
-                defaultContent: "<button>Click!</button>",
                 ajax: "{% url 'web.api.subjects' list_type %}",
                 columns: [
                     {"data": "nd_number"},