diff --git a/app/views/layouts/menu/_menu.html.erb b/app/views/layouts/menu/_menu.html.erb
index 18e459d4..af72fdea 100644
--- a/app/views/layouts/menu/_menu.html.erb
+++ b/app/views/layouts/menu/_menu.html.erb
@@ -7,7 +7,7 @@
       <div class="hidden md:block">
         <%= render partial: 'layouts/menu/logo' %>
       </div>
-        <div class="flex justify-around gap-1 md:gap-6 w-full md:w-auto">
+        <div class="grid grid-cols-5 md:flex items-start justify-around gap-2 md:gap-6 w-full md:w-auto">
           <%= render partial: 'layouts/menu/menu_item', locals: {
             path: spaces_path,
             icon: 'search',
diff --git a/app/views/layouts/menu/_menu_item.html.erb b/app/views/layouts/menu/_menu_item.html.erb
index d5d732cb..5e860fd5 100644
--- a/app/views/layouts/menu/_menu_item.html.erb
+++ b/app/views/layouts/menu/_menu_item.html.erb
@@ -7,7 +7,7 @@
 
 %>
 <span class="<%= active_path?(path) ? "text-gray-900" : "text-gray-600" %> flex justify-center text-center">
- <%= link_to path, class: "unstyled-link text-sm hover:text-lnu-pink inline-flex flex-col md:flex-row items-center justify-center gap-1.5 md:gap-2" do %>
+ <%= link_to path, class: "unstyled-link text-xs md:text-sm hover:text-lnu-pink inline-flex flex-col md:flex-row items-center justify-center gap-1.5 md:gap-2" do %>
   <%=
     inline_svg_tag icon, class: "inline-block w-7 h-7 md:w-6 md:h-6 #{active_path?(path) && "text-lnu-pink"}" %>
     <%= text %>