diff --git a/src/features/shell/top.tsx b/src/features/shell/top.tsx
index a95b1e8..295aba2 100644
--- a/src/features/shell/top.tsx
+++ b/src/features/shell/top.tsx
@@ -3,6 +3,7 @@ import { ColorSchemePicker } from "../theme";
 import { signIn, signOut, useSession } from "~/auth";
 import { hash } from "~/utilities";
 import css from "./top.module.css";
+import { Avatar } from "../user";
 
 export const Top: Component = (props) => {
   const session = useSession();
@@ -43,6 +44,7 @@ export const Top: Component = (props) => {
           {(user) => (
             <>
               <div>
+                <Avatar />
                 <img
                   src={
                     user().image ??