diff --git a/lib/safira_web/components/layouts/app.html.heex b/lib/safira_web/components/layouts/app.html.heex
index 68bece7d0..82c3cb12f 100644
--- a/lib/safira_web/components/layouts/app.html.heex
+++ b/lib/safira_web/components/layouts/app.html.heex
@@ -5,11 +5,11 @@
       current_user={@current_user}
       pages={SafiraWeb.Config.app_pages(!@current_user.attendee.ineligible)}
       current_page={Map.get(assigns, :current_page, nil)}
-      border="border-darkShade"
+      border="border-light/10"
       logo_images={%{light: "/images/sei-logo.svg", dark: "/images/sei-logo.svg"}}
       logo_url={~p"/app/"}
       user_dropdown_name_color="text-light"
-      user_dropdown_handle_color="text-lightMuted"
+      user_dropdown_handle_color="text-light/60"
       user_dropdown_icon_color="text-lightShade"
       link_active_class="bg-light text-primary"
       link_inactive_class="hover:bg-primary-500/10 text-light"
diff --git a/lib/safira_web/components/sidebar.ex b/lib/safira_web/components/sidebar.ex
index aaf491bf0..1b65906ea 100644
--- a/lib/safira_web/components/sidebar.ex
+++ b/lib/safira_web/components/sidebar.ex
@@ -289,16 +289,16 @@ defmodule SafiraWeb.Components.Sidebar do
       <div
         id={"#{@id}-dropdown"}
         phx-click-away={hide_user_dropdown("##{@id}-dropdown")}
-        class="hidden z-10 mx-3 origin-bottom bottom-full absolute right-0 left-0 mb-2 rounded-md shadow-lg bg-primary ring-2 ring-white divide-y divide-lightShade overflow-hidden"
+        class="hidden z-10 mx-3 origin-bottom bottom-full absolute right-0 left-0 mb-2 rounded-md shadow-lg bg-light text-primary overflow-hidden"
         role="menu"
         aria-labelledby={@id}
       >
-        <div role="none">
+        <div role="none" class="divide-y divide-primary/10">
           <%= for link <- @link do %>
             <.link
               tabindex="-1"
               role="menuitem"
-              class="block px-4 py-2 bg-primary text-light hover:bg-blue-900/35"
+              class="block px-4 py-3 bg-light text-primary font-medium hover:bg-lightShade transition-colors"
               {link}
             >
               <%= render_slot(link) %>
@@ -332,7 +332,7 @@ defmodule SafiraWeb.Components.Sidebar do
           ]}
         >
           <%= if Map.get(page, :icon) do %>
-            <.icon name={page.icon} class="mr-3 flex-shrink-0 size-8" />
+            <.icon name={page.icon} class="mr-3 flex-shrink-0 size-6" />
           <% end %>
           <%= if Map.get(page, :image) do %>
             <div
diff --git a/lib/safira_web/config.ex b/lib/safira_web/config.ex
index 4c8343b66..838ed30ea 100644
--- a/lib/safira_web/config.ex
+++ b/lib/safira_web/config.ex
@@ -98,7 +98,7 @@ defmodule SafiraWeb.Config do
         %{
           key: :credential,
           title: "Credential",
-          icon: "hero-qr-code",
+          image: "/images/icons/scanner.svg",
           url: "/app/credential",
           enabled: true
         }
diff --git a/lib/safira_web/live/app/leaderboard_live/components/leaderboard.ex b/lib/safira_web/live/app/leaderboard_live/components/leaderboard.ex
index 01989018c..6f2c2e1a5 100644
--- a/lib/safira_web/live/app/leaderboard_live/components/leaderboard.ex
+++ b/lib/safira_web/live/app/leaderboard_live/components/leaderboard.ex
@@ -60,6 +60,7 @@ defmodule SafiraWeb.App.LeaderboardLive.Components.Leaderboard do
           handle={@entry.handle}
           size={:xl}
           class="bg-light/5 border-2 border-accent bg-accent rounded-full"
+          link={~p"/app/user/#{@entry.handle}"}
         />
         <span class="bg-accent rounded-full px-2 -translate-y-3 select-none text-primary/80 font-semibold border-primary border-2">
           <%= @pos %>
@@ -88,6 +89,7 @@ defmodule SafiraWeb.App.LeaderboardLive.Components.Leaderboard do
             handle={@entry.handle}
             size={:sm}
             class={"#{if @self do "bg-primary/10 border-2 border-primary/10" else "bg-light/5 border-2 border-light/5" end} rounded-full"}
+            link={~p"/app/user/#{@entry.handle}"}
           />
         </p>
         <p class="font-semibold truncate max-w-40">
diff --git a/lib/safira_web/live/app/vault_live/components/item.ex b/lib/safira_web/live/app/vault_live/components/item.ex
index 495ea4bc0..0af1221ae 100644
--- a/lib/safira_web/live/app/vault_live/components/item.ex
+++ b/lib/safira_web/live/app/vault_live/components/item.ex
@@ -13,7 +13,7 @@ defmodule SafiraWeb.App.VaultLive.Components.Item do
   def item(assigns) do
     ~H"""
     <li id={@id} class={"flex flex-row #{if @redeemed do "opacity-50" end}"}>
-      <figure class="w-32 h-32 bg-light/5 rounded-xl">
+      <figure class="w-32 h-32 bg-light/5 rounded-xl flex-shrink-0">
         <%= if @image do %>
           <img class="w-full p-4" src={@image} />
         <% end %>
diff --git a/priv/static/images/icons/scanner.svg b/priv/static/images/icons/scanner.svg
new file mode 100644
index 000000000..8888303ff
--- /dev/null
+++ b/priv/static/images/icons/scanner.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
+  <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 4.875c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5A1.125 1.125 0 0 1 3.75 9.375v-4.5ZM3.75 14.625c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5a1.125 1.125 0 0 1-1.125-1.125v-4.5ZM13.5 4.875c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5A1.125 1.125 0 0 1 13.5 9.375v-4.5Z" />
+  <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 6.75h.75v.75h-.75v-.75ZM6.75 16.5h.75v.75h-.75v-.75ZM16.5 6.75h.75v.75h-.75v-.75ZM13.5 13.5h.75v.75h-.75v-.75ZM13.5 19.5h.75v.75h-.75v-.75ZM19.5 13.5h.75v.75h-.75v-.75ZM19.5 19.5h.75v.75h-.75v-.75ZM16.5 16.5h.75v.75h-.75v-.75Z" />
+</svg>