diff --git a/app/assets/stylesheets/users/following.scss b/app/assets/stylesheets/users/following.scss
index f14e7dfcd..0c325cd00 100644
--- a/app/assets/stylesheets/users/following.scss
+++ b/app/assets/stylesheets/users/following.scss
@@ -1,4 +1,19 @@
 .users-following {
+  margin-top: $line-height;
+
+  @include breakpoint(medium) {
+    display: flex;
+
+    > .followables {
+      flex-basis: calc(100% * 2 / 3);
+    }
+
+    > .interests {
+      border-left: 1px solid #ececec;
+      flex-basis: calc(100% / 3);
+      padding-left: $line-height;
+    }
+  }
 
   .follow-list {
     list-style-type: circle;
@@ -22,12 +37,4 @@
       top: 2px;
     }
   }
-
-  .interests {
-
-    @include breakpoint(medium) {
-      border-left: 1px solid #ececec;
-      padding-left: $line-height;
-    }
-  }
 }
diff --git a/app/components/users/following_component.html.erb b/app/components/users/following_component.html.erb
index 4470cb4c5..2a1e683f0 100644
--- a/app/components/users/following_component.html.erb
+++ b/app/components/users/following_component.html.erb
@@ -1,5 +1,5 @@
-<div class="row users-following margin-top" data-equalizer data-equalize-on="medium">
-  <div class="small-12 medium-8 column" data-equalizer-watch>
+<div class="users-following">
+  <div class="followables">
     <ul class="menu simple clear">
       <% follows.each do |followable_type, follows| %>
         <li><%= link_to followable_type_title(followable_type), "##{followable_type_title(followable_type).parameterize.underscore}" %></li>
@@ -21,7 +21,7 @@
     <% end %>
   </div>
 
-  <div class="small-12 medium-4 column interests" data-equalizer-watch>
+  <div class="interests">
     <%= render "interests", user: user %>
   </div>
 </div>