diff --git a/app/views/queries/_filters.html.erb b/app/views/queries/_filters.html.erb
index ba5d2db..13dcc70 100644
--- a/app/views/queries/_filters.html.erb
+++ b/app/views/queries/_filters.html.erb
@@ -12,17 +12,13 @@ $(document).ready(function(){
 });
 <% end %>
 
-<table style="width:100%">
-<tr>
-<td>
 <table id="filters-table">
 </table>
-</td>
-<td class="add-filter">
+
+<div class="add-filter">
 <%= label_tag('add_filter_select', l(:label_filter_add)) %>
 <%= select_tag 'add_filter_select', filters_options_for_select(query), :name => nil %>
-</td>
-</tr>
-</table>
+</div>
+
 <%= hidden_field_tag 'f[]', '' %>
 <% include_calendar_headers_tags %>
diff --git a/public/stylesheets/application.css b/public/stylesheets/application.css
index 6a367bb..9af8d24 100644
--- a/public/stylesheets/application.css
+++ b/public/stylesheets/application.css
@@ -378,7 +378,9 @@ fieldset#filters td.operator select {max-width:170px;}
 fieldset#filters td.values { white-space:nowrap; }
 fieldset#filters td.values select {min-width:130px;}
 fieldset#filters td.values input {height:1em;}
-fieldset#filters td.add-filter { text-align: right; vertical-align: top; }
+
+#filters-table {width:60%; float:left;}
+.add-filter {width:35%; float:right; text-align: right; vertical-align: top;}
 
 #issue_is_private_wrap {float:right; margin-right:1em;}
 .toggle-multiselect {background: url(../images/bullet_toggle_plus.png) no-repeat 0% 40%; padding-left:8px; margin-left:0; cursor:pointer;}
diff --git a/public/stylesheets/responsive.css b/public/stylesheets/responsive.css
index 6664827..26f1250 100644
--- a/public/stylesheets/responsive.css
+++ b/public/stylesheets/responsive.css
@@ -716,6 +716,9 @@
         padding-right: 0;
     }
 
+    #filters-table {width:100%; float:none;}
+    .add-filter {width:100%; float:none; text-align: left; margin-top: 8px;}
+
     /*----------------------------------------*\
         F) PAGE SPECIFIC STYLES
     \*----------------------------------------*/