From 3d893e5cf4191ddbffba43731a6acc315b2b5af0 Mon Sep 17 00:00:00 2001
From: talksik <patel.arjun50@gmail.com>
Date: Fri, 1 Apr 2022 13:55:24 -0400
Subject: [PATCH] fixing problem with status thing with span vs div

---
 packages/desktop/src/components/User/userAvatarWithStatus.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/desktop/src/components/User/userAvatarWithStatus.tsx b/packages/desktop/src/components/User/userAvatarWithStatus.tsx
index 816f5a9..63eaefc 100644
--- a/packages/desktop/src/components/User/userAvatarWithStatus.tsx
+++ b/packages/desktop/src/components/User/userAvatarWithStatus.tsx
@@ -2,7 +2,7 @@ import { User, UserStatus } from "@nirvana/core/models";
 
 export default function UserAvatarWithStatus(props: { user: User }) {
   return (
-    <span className="relative">
+    <div className="relative">
       <img
         src={props.user.picture}
         className="rounded-lg h-8 hover:bg-zinc-200 hover:cursor-pointer hover:scale-110"
@@ -10,7 +10,7 @@ export default function UserAvatarWithStatus(props: { user: User }) {
       />
 
       <UserStatusBubble status={props.user.status} />
-    </span>
+    </div>
   );
 }