diff --git a/css/converse.css b/css/converse.css
index 6250a9d69..4b5179fa4 100644
--- a/css/converse.css
+++ b/css/converse.css
@@ -691,12 +691,14 @@
     /* (jQ addClass:) if mouse is over the 'x' input area*/ }
     #conversejs #converse-roster .filter-type {
       display: table-cell;
+      float: right;
       font-size: 14px;
       height: 25px;
       margin: 0 0 0.5em -1px;
       padding: 0;
       width: 84px; }
     #conversejs #converse-roster .roster-filter {
+      float: left;
       background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAABNSURBVHjaXI7BDcAwCAMvyQjMyQ6dAbZiKfqoUK34g2zJh1dENIC7M8pMAPYdzAVY3d0ajNz9aypS/b5R6o+ZPdqoKgCq6h80KH3xDgBqNR97p8oAGQAAAABJRU5ErkJggg==) no-repeat right -20px center;
       border: 1px solid #999;
       font-size: 14px;
diff --git a/sass/converse.scss b/sass/converse.scss
index cbe29f6db..9d8ead576 100644
--- a/sass/converse.scss
+++ b/sass/converse.scss
@@ -734,6 +734,7 @@
 
     .filter-type {
       display: table-cell;
+      float: right;
       font-size: $font-size;
       height: $controlbox-dropdown-height;
       margin: 0 0 0.5em -1px;
@@ -741,6 +742,7 @@
       width: 84px;
     }
     .roster-filter {
+      float: left;
       background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAABNSURBVHjaXI7BDcAwCAMvyQjMyQ6dAbZiKfqoUK34g2zJh1dENIC7M8pMAPYdzAVY3d0ajNz9aypS/b5R6o+ZPdqoKgCq6h80KH3xDgBqNR97p8oAGQAAAABJRU5ErkJggg== ) no-repeat right -20px center;
       border: 1px solid #999;
       font-size: $font-size;