diff --git a/app/components/icons/iconHug.tsx b/app/components/icons/iconHug.tsx
index 4e1ad743..b4484ac1 100644
--- a/app/components/icons/iconHug.tsx
+++ b/app/components/icons/iconHug.tsx
@@ -35,15 +35,15 @@ export default function IconHug({ size = "sm", children, className }: Props) {
    */
   const sizeClass = sizeClasses[size];
   return (
-    <div
+    <span
       className={tw(
-        "flex items-center justify-center", //positioning
+        "inline-flex items-center justify-center", //positioning
         "rounded hover:cursor-pointer", //styling
         sizeClass,
         className
       )}
     >
       {children}
-    </div>
+    </span>
   );
 }