diff --git a/src/invidious/views/components/feed_menu.ecr b/src/invidious/views/components/feed_menu.ecr
index 5188689a..5c19bafc 100644
--- a/src/invidious/views/components/feed_menu.ecr
+++ b/src/invidious/views/components/feed_menu.ecr
@@ -1,5 +1,5 @@
 <div class="h-box pure-g">
-    <div class="pure-u-1-4"></div>
+    <div class="pure-u-1 pure-u-md-1-4"></div>
     <div class="pure-u-1 pure-u-md-1-2">
         <div class="pure-g">
             <% feeds = ["Popular", "Top", "Trending"] %>
@@ -7,7 +7,7 @@
             <% feeds << "Subscriptions" %>
             <% end %>
             <% feeds.each do |feed| %>
-            <div class="pure-u-1-<%= feeds.size %>">
+            <div class="pure-u-1-2 pure-u-md-1-<%= feeds.size %>">
                 <a href="/feed/<%= feed.downcase %>" style="text-align:center;" class="pure-menu-heading">
                     <%= translate(locale, feed) %>
                 </a>
@@ -15,5 +15,5 @@
             <% end %>
         </div>
     </div>
-    <div class="pure-u-1-4"></div>
+    <div class="pure-u-1 pure-u-md-1-4"></div>
 </div>
\ No newline at end of file