diff --git a/app/static/styles.css b/app/static/styles.css
index 21467830..a2d78cb1 100644
--- a/app/static/styles.css
+++ b/app/static/styles.css
@@ -743,6 +743,15 @@ div.navbar {
   left: 122px;
 }
 
+@media (min-width: 768px) {
+  .view_filter {
+    float: right;
+  }
+}
+
+.post_list {
+  clear: both;
+}
 .post_list .post_teaser {
   border-bottom: solid 2px #ddd;
   padding-top: 8px;
diff --git a/app/static/styles.scss b/app/static/styles.scss
index 37666af9..3a0958ab 100644
--- a/app/static/styles.scss
+++ b/app/static/styles.scss
@@ -328,7 +328,14 @@ div.navbar {
   }
 }
 
+.view_filter {
+  @include breakpoint(phablet) {
+    float: right;
+  }
+}
+
 .post_list {
+  clear: both;
   .post_teaser {
 
     border-bottom: solid 2px $light-grey;
diff --git a/app/templates/_view_filter_nav.html b/app/templates/_view_filter_nav.html
index 73dc6dd6..03879d1d 100644
--- a/app/templates/_view_filter_nav.html
+++ b/app/templates/_view_filter_nav.html
@@ -1,4 +1,4 @@
-<div class="btn-group mt-1 mb-2" style="float: right;" aria-label="{{ _('Post filters: ') }}">
+<div class="view_filter btn-group mt-1 mb-2" aria-label="{{ _('Post filters: ') }}">
     {% if not current_user.is_anonymous %}
         <a href="/home/{{ sort }}/subscribed" class="btn {{ 'btn-primary' if view_filter == 'subscribed' else 'btn-outline-secondary' }}" rel="nofollow noindex" title="{{ _('Posts from joined communities') }}">
             {{ _('Subscribed') }}