diff --git a/app/views/layouts/tailwind.html.erb b/app/views/layouts/tailwind.html.erb
index d53ab325..c7a6a090 100644
--- a/app/views/layouts/tailwind.html.erb
+++ b/app/views/layouts/tailwind.html.erb
@@ -44,9 +44,12 @@
     <!-- left-hand side of navbar -->
     <div class="flex-grow pt-4 pl-1">
       <% if @universe_scope %>
-        <%= link_to @universe_scope.name, @universe_scope, class: "px-3 py-2 #{Universe.text_color} bg-purple-100 hover:bg-purple-200 rounded" %>
+        <%= link_to @universe_scope, class: "px-3 py-2 #{Universe.text_color} bg-purple-50 hover:bg-purple-200 rounded" do %>
+          <i class="material-icons text-sm mr-1"><%= Universe.icon %></i>
+          <%= @universe_scope.name %>
+        <% end %>
       <% else %>
-        <%= link_to 'Choose a universe', '#', class: "px-3 py-2 text-lg #{Universe.text_color} bg-purple-100 hover:bg-purple-200 rounded" %>
+        <%= link_to 'Choose a universe', '#', class: "px-3 py-2 text-lg #{Universe.text_color} bg-purple-50 hover:bg-purple-200 rounded" %>
       <% end %>
     </div>